# Signup page error on adding additional fields

**URL:** <https://community.auth0.com/t/signup-page-error-on-adding-additional-fields/112247>\
**Category:** Get Help\
**Tags:** branding, classic-universal-login-customizations\
**Created:** [July 27, 2023, 10:37am UTC](https://community.auth0.com/t/signup-page-error-on-adding-additional-fields/112247 "2023-07-27T10:37:20Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Aafreen\_Khan](https://sea1.discourse-cdn.com/auth0/user_avatar/community.auth0.com/aafreen_khan/32/49981_2.png) [@Aafreen\_Khan](https://community.auth0.com/u/Aafreen_Khan)\
**Post date:** [July 27, 2023, 10:37am UTC](https://community.auth0.com/t/signup-page-error-on-adding-additional-fields/112247/1 "2023-07-27T10:37:20Z")

</div>

Since I have added additional fields to the signup page through universal branding i am getting an error as shown in the attached picture on clicking Signup/Login button.

Below is my code please suggest something that can mitigate this error.

```auto
 <script src="https://cdn.auth0.com/js/lock/12.1/lock.min.js"></script>
  <script>
    // Decode utf8 characters properly
    var config = JSON.parse(decodeURIComponent(escape(window.atob('@@config@@'))));
    config.extraParams = config.extraParams || {};
    var connection = config.connection;
    var prompt = config.prompt;
    var languageDictionary;
    var language;

    if (config.dict && config.dict.signin && config.dict.signin.title) {
      languageDictionary = { title: config.dict.signin.title };
    } else if (typeof config.dict === 'string') {
      language = config.dict;
    }
    var loginHint = config.extraParams.login_hint;
    var colors = config.colors || {};

    // Available Lock configuration options: https://auth0.com/docs/libraries/lock/lock-configuration
    var lock = new Auth0Lock(config.clientID, config.auth0Domain, {
      auth: {
        redirectUrl: config.callbackURL,
        responseType: (config.internalOptions || {}).response_type ||
          (config.callbackOnLocationHash ? 'token' : 'code'),
        params: config.internalOptions
      },
      configurationBaseUrl: config.clientConfigurationBaseUrl,
      overrides: {
        __tenant: config.auth0Tenant,
        __token_issuer: config.authorizationServer.issuer
      },
      assetsUrl: config.assetsUrl,
      allowedConnections: connection ? [connection] : null,
      rememberLastLogin: !prompt,
      language: language,
      languageBaseUrl: config.languageBaseUrl,
      languageDictionary: languageDictionary,
      theme: {
        //logo: 'YOUR LOGO HERE',
        primaryColor: colors.primary ? colors.primary : 'green'
      },
      prefill: loginHint ? { email: loginHint, username: loginHint } : null,
      closable: false,
      defaultADUsernameFromEmailPrefix: false
    });
    
    var lock = new Auth0Lock(config.clientID, config.auth0Domain, {
    additionalSignUpFields: [
          {
            name: "given_name",
            placeholder: "first name",
            storage: "root"
          },
          {
            name: "family_name",
            placeholder: "last name",
            storage: "root"
          },
   {
    name: "address",
    placeholder: "enter your address",
    // The following properties are optional
    validator: function(address) {
      return {
         valid: address.length >= 10,
         hint: "Must have 10 or more chars" // optional
      };
    }
  }]
});

    if(colors.page_background) {
      var css = '.auth0-lock.auth0-lock .auth0-lock-overlay { background: ' +
                  colors.page_background +
                ' }';
      var style = document.createElement('style');

      style.appendChild(document.createTextNode(css));

      document.body.appendChild(style);
    }
    
    lock.show();
  </script>`Preformatted text`

```

 ![Screenshot signup](https://global.discourse-cdn.com/auth0/original/3X/a/2/a279730736bf72affbf8caac5a6455003e621389.png)

---

<div class="post-metadata">

**Author:** ![dawid.matuszczyk](https://sea1.discourse-cdn.com/auth0/user_avatar/community.auth0.com/dawid.matuszczyk/32/74550_2.png) [@dawid.matuszczyk](https://community.auth0.com/u/dawid.matuszczyk)\
**Post date:** [July 31, 2023, 8:43pm UTC](https://community.auth0.com/t/signup-page-error-on-adding-additional-fields/112247/2 "2023-07-31T20:43:47Z")

</div>

Hi @Aafreen_Khan

Welcome to the Auth0 Community!

It looks like there is an error in your Lock code. You’re initializing the `Auth0Lock` twice. Once without the additional fields:

```js
var lock = new Auth0Lock(config.clientID, config.auth0Domain, { ... });

```

And then a second time with the additional fields:

```js
var lock = new Auth0Lock(config.clientID, config.auth0Domain, {
    additionalSignUpFields: [...]
});

```

This would likely cause the first `lock` instance (without the additional fields) to be overwritten by the second one, which could be the cause of your error.

You should only initialize `Auth0Lock` once, and include the `additionalSignUpFields` in the initial configuration. Here’s how:

```js
var lock = new Auth0Lock(config.clientID, config.auth0Domain, {
  // ... your other options ...
  
  additionalSignUpFields: [
    {
      name: "given_name",
      placeholder: "first name",
      storage: "root"
    },
    {
      name: "family_name",
      placeholder: "last name",
      storage: "root"
    },
  ]
});

```

Make this change, and your issue should be resolved. Let me know if you have any further questions or issues!

Have a great day!

Dawid

---

<div class="post-metadata">

**Author:** ![Aafreen\_Khan](https://sea1.discourse-cdn.com/auth0/user_avatar/community.auth0.com/aafreen_khan/32/49981_2.png) [@Aafreen\_Khan](https://community.auth0.com/u/Aafreen_Khan)\
**Post date:** [August 1, 2023, 12:10pm UTC](https://community.auth0.com/t/signup-page-error-on-adding-additional-fields/112247/3 "2023-08-01T12:10:02Z")

</div>

Hi @dawid.matuszczyk

Thanks a lot for your help.  
It worked! Thanks again.

Best wishes,  
Aafreen

---

<div class="post-metadata">

**Author:** ![system](https://global.discourse-cdn.com/auth0/original/3X/b/5/b560f266932fcce5d57f09a6595bd50518cae3f3.jpeg) [@system](https://community.auth0.com/u/system)\
**Post date:** [August 15, 2023, 12:10pm UTC](https://community.auth0.com/t/signup-page-error-on-adding-additional-fields/112247/4 "2023-08-15T12:10:27Z")

</div>

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