Passwordless Authentication with a one-time code via e-mail on Regular Web Apps

With the e-mail connection, the user is requested to enter their e-mail address. Auth0 then sends an email to that address containing a one-time code.

Once the user enters this code into your application, a new user will be created in the email connection. The user is then authenticated by Auth0.

If the e-mail address matches an existing user, Auth0 just authenticates the user:


1. Optional: Configure an email provider

By default, Auth0 sends the email from its own messaging provider. Optionally, you can configure your own email provider to better monitor and troubleshoot the email service.

2. Configure the connection

In the Dashboard, on the Email page, under Connections > Passwordless, you can configure the contents and behavior of the email.

Multi-Language Support

The Message area supports usage of multiple languages.

By making a call to the /passwordless/start authentication endpoint, you can set the value of an 'x-request-language' header to the language of your choice. If the value of this header is not set, the language will be extracted from the value in the 'accept-language' header that is automatically set by the browser.

The Message area accepts Liquid syntax. You can use this syntax, combined with exposed parameter values, to programmatically construct elements of the message. For example, you can reference the request_language parameter to change the language of the message:

{% if request_language contains 'dutch' %}
   Hier is uw verificatie code: {{ code }}
{% endif %}

{% if request_language contains 'fr-FR' %}
   Ceci est votre code: {{ code }}
{% endif %}

The following parameters are available when defining the template:

Exposed Parameter Description
code the password to use
link the magic link the name of the application name where the user is signing up
request_language the requested language for the message content
operation equals change_email when the template is triggered by an update to a user's email via the API, otherwise null

4. Configure Callback URL

For security purposes, you must to add the callbackURL to the list of Allowed callback URLs in your app's Settings Section of the Dashboard.


Use Auth0 UI widget (Lock)

Download a sample project.

Auth0 Lock Passwordless is a professional-looking dialog that allows users to log in after receiving a one-time password via email or text message.

After installing Lock Passwordless, you must initialize it with your Client Id and domain. You can find this information on your application settings page.

Then you can trigger the login using the callbackURL option to specify the endpoint that will handle the server-side authentication:

<script src=""></script>
<script type="text/javascript">
  function login(){
    // Initialize Passwordless Lock instance
    var lock = new Auth0LockPasswordless('YOUR_CLIENT_ID', 'YOUR_NAMESPACE');
    // Open Lock in Email Code mode
    lock.emailcode( {callbackURL: 'https://YOUR_APP/callback'} );
<a href="javascript:login()">Login</a>

This will open a dialog that asks the user for their email address:

Then Auth0 will send an email to the user containing the one-time code:

Lock will ask for the code that has been emailed to the provided address. The code can then be used as a one-time password to log in:

Once the user enters the code received by email, Lock will authenticate the user and redirect to the specified callbackURL.

NOTE: You can follow any of the Regular Web App Quickstarts to see how to handle the server-side authentication callback. A sample application is available in the Node.js Passwordless Authentication repository on GitHub.

Use your own UI

Download a sample project.

You can perform passwordless authentication in your regular web app with your own custom UI using the Auth0 JavaScript client library.

Construct a new instance of the Auth0 client as follows:

<script src=""></script>
<script type="text/javascript">
  'use strict';
  const auth0 = new Auth0({
    clientID: 'YOUR_CLIENT_ID',
    domain: 'YOUR_NAMESPACE',
    callbackURL: 'https://YOUR_APP/callback'

You must provide a way for the user to enter an email to which the one-time code will be sent. Then you can begin the passwordless authentication as follows:

function sendEmail(){
  var email = $('').val();
  auth0.requestEmailCode( { email:email }, function(err) {
    if (err) {
      alert('error sending e-mail: '+ err.error_description);
    // the request was successful and you should
    // receive the passcode to the specified email

This will send an email containing the one-time code. The user must now enter the code into your custom UI. Then you can continue with the login as follows:

function login(){
  var email = $('').val();
  var code = $('input.code').val();
  //submit the passcode to authenticate the phone
  auth0.verifyEmailCode({ email: email, code: code }, function(err){
    if (err){
      alert('code verification failed. ' + err.statusCode + ' '+ err.error);

If authentication is successful, the user will be redirected to the callbackURL specified in the Auth0 constructor.

NOTE: You can follow any of the Regular Web App Quickstarts to see how to handle the authentication callback on the server-side.