Templates

Signup form with email OTP verification with custom API template

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

Use this template



Templates

›

Signup form with email OTP verification with custom API

About this template

This signup form with custom API and email OTP verification includes:

An initial step that requires the full name, email and password.
A flow that checks if the email is available, generates an OTP and sends it via email.
A second step that requires the verification code.
And last, a flow that verifies the OTP and issues a token to automatically log the user in.

How to configure this template

Requirements

1. A custom API to sign up and log in users.

This template uses the Arengu Demo User API to sign up users.

For testing configure an HTTP request connection to our Demo API with this Bearer Token:

JnUjNjUmZWZLTW93NjFkOG8zeFRlI3NYbWphem5GZSZIMXlFSmVZeVlMRk03XjhCTGRBQUBAOEtvJDlGdnRNRg

It can be reconfigured to use with your own User API.

2. An email provider to send the emails.

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.

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

Explore our plugins

Need some inspiration?

Discover our best practices guides to design the perfect signup flow, examples of other SaaS companies, and success stories of our clients.

Tactics for signup forms

Discover our guide with tips to create a good UX and best practices to boost conversion rates.

Learn more

Signup forms examples

Get inspired with examples of the best signup flows. Explore different strategies to onboard your users.

Learn more

Case studies

Learn how we’ve helped our clients build and personalize their signup flows.

Learn more

Integrate this template with your own stack

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

See all the integrations

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.

Book a demo Try it free

Signup form with email OTP verification with custom API template

About this template