How to implement custom signup fields

Help
1

I am having a hard time understanding how to implement custom signup fields. Please see my code at GitHub - aspiringpro/vue-auth0: Vue Auth0 using vuex and vue router. How can I add some additional fields such as name, age, etc? I have read the docs at Lock Configuration Options but am confused a bit. Is Lock the same as Universal Login? Where would I put the code in my Vue application?

1 Like
2

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.

image
image979Ă—918 109 KB

(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
3

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
4

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.

5

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

6

Hey team!

This topic seems related to our new EA feature, Forms for Actions, which rolled out of the beta stage on May 7th. Our Product team prepared the whole Documentation page with examples of Use cases. Forms for Actions. If you find yourself having questions regarding this new feature for the next two weeks, we are hosting an Ask Me Anything session. Our Product Expert will provide comprehensive written answers on May 21st from 8 AM to 10 AM PST.
Find out more about Forms for Actions and learn more about AMA.

Thanks!
Dawid