This signup form with Auth0 includes:
- An initial form step that requires profile information such as: company name and job title.
- A flow that resumes the authentication flow with Auth0 passing those variables.
Templates
Learn how to add custom fields to your signup flow using Auth0.
This signup form with Auth0 includes:
1. An Auth0 account.
2. Adding Arengu Progressive Profiling action to Auth0 with the following settings:
The URL where you will embed your form. For testing purposes you can use the form preview page (eg. https://preview.arengu.page/YOUR_FORM_ID)
We will add the "company_name" and "job_title" fields.
In this template, Arengu will store those variables inside the "user_metadata" Auth0 property. If you want to require additional or different fields, remember to add them to the "Sign JSON web token" action:
We will set this value to 1, as we want this step, as required, for all users that sign up and before allowing them access.
Add a long random string that we will use to securely communicate between Arengu and Auth0:
After configuring the secret token at Auth0, make sure to add it to the "Verify JSON web token" and "Sign JSON web token" actions in all the Arengu flows:
Style our forms following your brand guidelines and embed them into your frontend framework with a single line of code.
Discover our best practices guides to design the perfect signup flow, examples of other SaaS companies, and success stories of our clients.
Discover our guide with tips to create a good UX and best practices to boost conversion rates.
Get inspired with examples of the best signup flows. Explore different strategies to onboard your users.
Learn how we’ve helped our clients build and personalize their signup flows.
Arengu allows you to build all your user flows connected to your current stack, and avoids coding all the UI, complex integrations, validations or logic from scratch. Try it for free and start building faster and scaling your application needs as they grow.