Templates

Signup form with email OTP verification with Auth0 template

Verify your users' email address sending them a one-time-password (OTP) and sign them up with Auth0.

Templates
Signup form with email OTP verification with Auth0

About this template

This signup form with Auth0 includes:

  1. A pre-rendered flow that reads the received Auth0 session_token to get the user's email, generates the OTP and sends it via email.
  2. An initial step that requires the verification code.
  3. And last, a flow that verifies the OTP, updates the Auth0 user profile and resumes the authentication flow.

How to configure this template

Requirements

1. An Auth0 account.

2. Creating a Machine-to-Machine Auth0 application to use the Management API with Arengu. Learn here how to create one.

3. Adding Arengu Progressive Profiling action to Auth0 with the following settings:

  • Arengu Form URL
  • Required user fields
  • Login count for profiling
  • Arengu session token
This template uses a test-only action to send emails. Consider replacing it with your own email provider (eg. Mailjet or Sendgrid) before using it in production to avoid limitations.

Arengu Form URL

The URL where you will embed your form. For testing purposes you can use the preview page (eg. https://preview.arengu.page/YOUR_FORM_ID)

Required user fields

We will add "prompted_email_verification". This boolean will determine if user has already passed the verification.

In this template, Arengu will change the "email_verified" root property of Auth0. Depending on your connection (eg. SMS connection), consider changing this inside the flow action:

Login count for profiling

We will set this value to 1, as we want this step as required to all users that sign up and before allowing them to access.

Arengu session token

Add a long random string that we will use to communicate between Arengu and Auth0 in a secure way:

After adding the secret to Auth0, make sure you add it to the "Verify JSON web token" and "Sign JSON web token" actions in all the Arengu flows:

A native experience for your brand

Style our forms following your brand guidelines and embed them into your frontend framework with a single line of code.

Explore the docs

Integrate this template with your own stack

Send your data back and forth between Arengu and your favourite apps.

Getting started with Arengu

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.