Multiple custom registration forms

Ask the community
, ,
1

Hello,

I want to have two different forms for users to register for my site. I have the custom signup lightbox that is an option with Wix, but I also need another identical form on a landing page so I can drive traffic to this page and try to get people to sign up for a free trial. I also have custom fields I want to capture when each user registers the handicap, home club, payment option, and level of membership below are all custom fields I created for each contact.

I looked through all of the API materials and it says that you should be able to use the register() function with the contactInfo param, then add customFields in that section. My code is below and I have followed wix examples but the information never populates into the contact. The phone fields actually do not populate either and that is a standard field with Wix contacts. So I assume I have something wrong. I am new to Wix Velo and javascript in general so any help is greatly appreciated!

import wixUsers from 'wix-users';
import wixWindow from 'wix-window';
import wixLocation from 'wix-location';

$w.onReady(function () {
 
    $w("#submit").onClick( (event) => {
 
 const email = $w("#email").value;
 const password = $w("#password").value;
 const homeClub = $w("#homeClub").value;
 const phone = $w("#phone").value;
 const paymentType = $w("#paymentType").value;
 const levelMembership = $w("#levelMembership").value;

   wixUsers.register(email, password, {
 "contactInfo": {
 "firstName": $w("#firstName").value,
 "lastName": $w("#lastName").value,
 "Home Club": homeClub,
 "Handicap": Number($w('#handicap').value),
 "phones": [phone],
 "Payment Option": paymentType,
 "Level of Membership": levelMembership

       }
      } )
      .then( (result) => {
 let resultStatus = result.status;
  wixWindow.lightbox.close();
 
 wixLocation.to("/who-we-are");  //Change the URL ending to whatever page you want to send the user to after they log in
      } );     
    } );
 
});