Auth0 Home Blog Docs

Additional fields with passwordless login/signup with auth0 lock

lock
passwordless
custom-fields
#1

auth-lock.js v11
React 16 / Node.js 8.11

I am trying to create a passwordless login/signup form with additional fields however the fields are not showing. Here is my setup: I am able to enter my phone and verify it, which creates a user in auth0 but does not show any additional fields. Any help would be appreciated.

code:

  const passwordlessOptions = {
    allowedConnections: ['sms'],
    allowSignUp: true,
    passwordlessMethod: 'code',
    defaultDatabaseConnection: 'Username-Password-Authentication',
    additionalSignUpFields: [
      {
        name: 'first_name',
        placeholder: 'Enter your first name',
      },
      {
        name: 'last_name',
        placeholder: 'Enter your last name',
      },
      {
        name: 'company',
        placeholder: 'Enter your company name',
      },
    ],
    languageDictionary: {
      title: '',
      passwordlessSMSInstructions: 'Our instructions',
    },
    auth: {
      redirectUrl: REDIRECT,
      responseType: 'token id_token',
      params: {
        scope: 'openid profile email user_metadata app_metadata',
      },
    },
  };
  const lock = new Auth0LockPasswordless(
    CLIENT_ID,
    CLIENT_DOMAIN,
    passwordlessOptions,
  );
  lock.show();
#3

Hi there @abdulstowk, when you get a chance can you reformat your additionalSignUpFields and give it another shot? I have linked an example below that may help you as a reference point. Please let me know if you have any questions. Thanks in advance!

  additionalSignUpFields: [{
    name: "favorite color",
    placeholder: "Enter your favorite color (optional)"
  }]
} 
#4

Hi,

Does the passwordless option with magiclink provide additionalSignUpFields?
It doesn’t seem to work, the auth0 login page just shows me the email-Id field on the screen

#5

After checking with our support team @deepali-gudulkar, the passwordless option does not natively provide additionalSignUpFields. However you can leverage the Management API to accomplish this via a redirect to a form to retrieve the missing data after a successful login attempt. Please let me know if this helps achieve your desired results. Thanks!

closed #6

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.