Auth0 Home Blog Docs

How to implement custom signup fields

I am having a hard time understanding how to implement custom signup fields. Please see my code at https://github.com/aspiringpro/vue-auth0. How can I add some additional fields such as name, age, etc? I have read the docs at auth0.com/docs/libraries/lock/v11/configuration#additionalsignupfields-array but am confused a bit. Is Lock the same as Universal Login? Where would I put the code in my Vue application?

Where would I put the code in my Vue application?

You would put the code for the additional signup fields in the custom login page of the Classic ULP (Universal Login Page), which is to be found under the Auth0 Dashboard > Universal Login > Login tab > check "Customize login page".
So, the code doesn’t go in your Vue app but into the Auth0 hosted ULP.

(Note that the additional signup fields only work with the Classic ULP, not the New ULP.)

Is Lock the same as Universal Login?

It’s not exactly the same, it’s more that: the Classic ULP uses the Lock.js library internally, as you can see from the screenshot above.
The Lock.js is a library which is used by the Auth0 hosted ULP, but it can also be embedded by client applications (which we usually don’t recommend though). So, I fully understand that it can get a bit confusing here.

(The New ULP however does not use Lock.js or any Javascript at all, which is why the additional fields only work with the Classic ULP)

1 Like

Thank you! I suppose collecting this extra information on the universal login might be a little clunky, especially if there are many extra fields.

1 Like

If there are too many fields, you might consider the “progressive profiling” concept and maybe not ask for all info at once upfront, but at each login, if you don’t really need all the info at the beginning.

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