Configure Email or SMS for Passwordless Authentication

Configure Email or SMS for Passwordless Authentication

Auth0 lets you configure Universal Login so users can authenticate with a magic link or one-time password through email, or a one-time password through SMS.

For enabling passwordless authentication with SMS or Email you need to first define a passwordless connection for your application.

Once the connection is created, you need to configure Universal Login to use it. You have two possible implementations.

Universal Login + Lock (passwordless)

This login page uses a custom login page with the Lock (passwordless) template. To authenticate users, this template uses the Auth0 Lock widget with Passwordless mode and can be customized accordingly.

  1. Go to Dashboard > Branding > Universal Login and click the Login tab.

  2. Enable the Custom Login Page toggle, and select the Lock (passwordless) template. The HTML template will update with code using the Lock widget with passwordless customization options.

  3. Customize the template, and click Save Changes. You can use HTML and CSS to customize the login form. To learn more about how to customize the Lock (passwordless) template, see Auth0 Lock widget with Passwordless mode. You can preview customization changes. Make sure to select the correct application for which you want to preview the login page.

Universal Login + Custom UI + Auth0.js

This login page uses a custom login page with the Custom Login Form template. To authenticate users, this template uses the Auth0.js SDK and can be customized accordingly.

  1. Go to Dashboard > Branding > Universal Login and click the Login tab.

  2. Under Login, enable the Customize Login Page toggle.

  3. From the Default Template drop-down menu, select the Custom Login Form template. The HTML template will update with code using CSS and the Auth0.js SDK.

  4. Use HTML and CSS to customize the template to your specifications, and select Save Changes. To learn more about how to use the Auth0.js SDK with the Custom Login Form template, see Auth0.js SDK.

  5. Select the Preview tab to review your changes. Make sure to select the correct application for which you want to preview the login page.

Learn more