Customize Universal Login Page Templates
You can customize Universal Login pages by providing a page template created with the Liquid template language. With page templates, you can define the content displayed around Universal Login prompts, such as the login box or an MFA challenge. As the same page template is used for all login flow pages, this method of customization allows you to easily implement a consistent, branded experience for users.
To use customized page templates, you must configure a Custom Domain for your tenant. Further, you can only update Universal Login page templates with the Management API.
Page template requirements
When creating a Universal Login page template, you must include the following tags:
Tag | Description |
---|---|
auth0:widget |
Contains HTML for the prompt displayed on every page of the login flow, such as the Login page or Reset Password page |
auth0:head |
Contains the tags required for rendering the prompt |
To center the prompt on the page, add class="_widget-auto-layout"
to the <body>
element. You can omit this attribute to manually position the prompt as needed.
Example template:
The following example demonstrates the simplest Universal Login page template you can create with the required tags:
<!DOCTYPE html><html>
<head>
{%- auth0:head -%}
</head>
<body>
{%- auth0:widget -%}
</body></html>
Was this helpful?
Page template variables
Page templates support a variety of context variables that impact how a page is rendered.
For example, you can use these variables to:
Render different content depending on the application associated with the login flow. For example, you may manage two brands that require different page designs.
Render different content depending on the specific prompt. For example, you may want to add information about what your application offers on the Login page but prefer the MFA flow to only display the MFA challenge prompt.
Add a footer with user support information, such as links to your support page or contact information.
Available variables
Page templates support the following variables:
Application
Variable | Description | Example |
---|---|---|
application.id |
Your application client ID | XXXXXXXXXXXXXXXXXXXXXXXXX |
application.name |
The name of your application | My Application |
application.logo_url |
URL of the application logo | https://example.com/mylogo.png |
application.metadata |
Your application metadata | { "attribute1": "value" "attribute2": "value" "attribute3": "value" } |
Branding
Variable | Description | Example |
---|---|---|
branding.logo_url |
URL of your application logo | https://example.com/mylogo.png |
branding.colors.primary |
Your primary branding color | #000000 |
branding.colors.page_background |
Background color for Universal Login pages | #FFFFFF |
Tenant
Variable | Description | Example |
---|---|---|
tenant.friendly_name |
Your tenant's display name | My Tenant |
tenant.support_email |
Support email address for your tenant | support@example.com |
tenant.support_url |
Support page URL for your tenant | https://example.com/support |
Organizations
The following variables refer to the Auth0 Organizations feature.
Variable | Description | Example |
---|---|---|
organization.id |
ID of Organization | org_XXXXXXXXXXXXXXX |
organization.display_name |
Display name of Organization | My Organization |
organization.name |
Internal name of Organization | my-organization |
organization.metadata |
Organization metadata | { "attribute1": "value" "attribute2": "value" "attribute3": "value" } |
organization.branding.logo_url |
URL of Organization logo | https://example.com/orglogo.png |
organization.branding.colors.primary |
Primary branding color for Organization | #000000 |
organization.branding.colors.page_background |
Background color for Organization's login pages | #FFFFFF |
Current user information
You can only use the following variables for pages that render after authentication.
Variables | Description | Example |
---|---|---|
user.user_id |
ID of the user profile | auth0|XXXXXXXXXXXXXXXXXXXX |
user.picture |
URL of the user's profile picture | https://example.com/userimage |
user.email |
Email address of user | user@example.com |
user.email_verified |
Boolean of email verification status (true/false) | true |
user.app_metadata |
app_metadata object of the user profile |
{ "attribute1": "value" "attribute2": "value" "attribute3": "value" } |
user.user_metadata |
user_metadata object of the user profile |
{ "attribute1": "value" "attribute2": "value" "attribute3": "value" } |
user.family_name |
Family (last) name of user | Smith |
user.given_name |
Given (first) name of user | Abigail |
user.name |
Full name of user | Abigail Smith |
user.nickname |
Nickname (alias) of user | Abby |
user.username |
Internal name of user | asmith |
Current screen information
Variables | Description | Example |
---|---|---|
locale |
Locale used to render the page; matches one of the supported tenant languages | en-US |
prompt.name |
Name of the currently rendered Universal Login prompt | mfa |
prompt.screen.name |
Name of the currently rendered Universal Login screen | mfa-login-options |
prompt.screen.texts |
All localized texts from the current screen | { "pageTitle": "Available methods" } |
Prompts
The term prompt
refers to a specific step of the login flow. A specific prompt may consist of one or more screens. You can manage prompts through the Auth0 Dashboard or the prompts endpoints of the Management API.
The sections below provide details for each available prompt.
Screen: redeem-ticket
Text | Key |
---|---|
Loading... | pageTitle |
Javascript is not enabled on your browser, please click button to continue. | description |
Continue | buttonText |
Screen: consent
Text | Key |
---|---|
Authorize ${clientName} | pageTitle |
Authorize App | title |
Hi ${userName}, | pickerTitle |
Tenant and Audience selector | audiencePickerAltText |
${clientName} is requesting access to your account. | messageMultipleTenants |
${clientName} is requesting access to your ${companyName} account. | messageSingleTenant |
Accept | acceptButtonText |
Decline | declineButtonText |
${companyName} | logoAltText |
Invalid action | invalid-action |
Audience is required | invalid-audience |
Invalid scope, must be an array | invalid-scope |
Screen: device-code-activation
Text | Key |
---|---|
Enter your device code to log in ${clientName} | pageTitle |
Continue | buttonText |
Enter the code displayed on your device | description |
Enter your one-time code | placeholder |
Device Activation | title |
${companyName} | logoAltText |
Invalid or expired user code | invalid-expired-code |
Please enter the code displayed on your device | no-code |
The code you entered is invalid | invalid-code |
Screen: device-code-activation-allowed
Text | Key |
---|---|
Login successful ${clientName} | pageTitle |
Your device is now connected. | description |
Congratulations, you're all set! | eventTitle |
Screen: device-code-activation-denied
Text | Key |
---|---|
Login error ${clientName} | pageTitle |
We are not able to activate your device. | description |
Activation Denied | eventTitle |
Screen: device-code-confirmation
Text | Key |
---|---|
Confirm your device code to log in ${clientName} | pageTitle |
Please confirm this is the code displayed on your ${clientName}: | description |
Secure code | inputCodeLabel |
Device Confirmation | title |
Confirm | confirmButtonText |
Cancel | cancelButtonText |
If you did not initiate this action or you do not recognize this device select cancel. | confirmationText |
${companyName} | logoAltText |
Screen: email-otp-challenge
Text | Key |
---|---|
Enter your email code to log in ${clientName} | pageTitle |
Continue | buttonText |
We've sent an email with your code to ${email} | description |
Enter the code | placeholder |
Resend | resendActionText |
Didn't receive an email? | resendText |
Verify Your Identity | title |
${companyName} | logoAltText |
OTP Code must have 6 numeric characters | invalid-otp-code-format |
The code you entered is invalid | invalid-code |
We couldn't verify the code. Please try again later. | authenticator-error |
You have exceeded the amount of emails. Wait a few minutes and try again. | too-many-email |
Screen: email-verification-result
Text | Key |
---|---|
Email verification status ${clientName} | pageTitle |
Email Verified | verifiedTitle |
Error | errorTitle |
Your email address was successfully verified. | verifiedDescription |
This account is already verified. | alreadyVerifiedDescription |
User account does not exist or the verification code is invalid. | invalidAccountOrCodeDescription |
Your email address could not be verified. | unknownErrorDescription |
Back to ${clientName} | buttonText |
This ticket was expired. | auth0-users-expired-ticket |
Something went wrong, please try again later. | custom-script-error-code |
This ticket was already used. | auth0-users-used-ticket |
Something went wrong, please try again later | auth0-users-validation |
Screen: accept-invitation
Text | Key |
---|---|
Accept your invitation to sign up ${clientName} | pageTitle |
You've Been Invited! | title |
${inviterName} has invited you (${email}) to join ${companyName} on ${clientName}. | description |
Continue | buttonText |
${companyName} | logoAltText |
Screen: login
Text | Key |
---|---|
Log in | <%= "${clientName}" %> |
Welcome | title |
Log in to <%= "${companyName}" %> to continue to <%= "${clientName}" %>. | description |
Or | separatorText |
Continue | buttonText |
Continue with <%= "{yourConnectionName}" %> | federatedConnectionButtonText |
Sign up | signupActionLinkText |
Don't have an account? | signupActionText |
Forgot password? | forgotPasswordText |
Password | passwordPlaceholder |
Username or email address | usernamePlaceholder |
Email address | emailPlaceholder |
Phone number | phonePlaceholder |
Username | usernameOnlyPlaceholder |
Phone or Username or Email | phoneOrUsernameOrEmailPlaceholder |
Phone number or Email address | phoneOrEmailPlaceholder |
Phone Number or Username | phoneOrUsernamePlaceholder |
Username or Email address | usernameOrEmailPlaceholder |
Edit | editEmailText |
Alerts | alertListTitle |
You've Been Invited! | invitationTitle |
Log in to accept <%= "${inviterName}" %>'s invitation to join <%= "${companyName}" %> on <%= "${clientName}" %>. | invitationDescription |
<%= "${companyName}" %> | logoAltText |
Show password | showPasswordText |
Hide password | hidePasswordText |
Wrong username or password | wrong-credentials |
Wrong email or password | wrong-email-credentials |
Incorrect username or password | wrong-username-credentials |
Incorrect phone number or password | wrong-phone-credentials |
Incorrect email address, username, or password | wrong-email-username-credentials |
Incorrect email address, phone number, username, or password. Phone numbers must include the country code. | wrong-email-phone-username-credentials |
Incorrect email address, phone number, or password. Phone numbers must include the country code. | wrong-email-phone-credentials |
Incorrect phone number, username or password. Phone numbers must include the country code. | wrong-phone-username-credentials |
The code you entered is invalid | invalid-code |
Invalid or expired user code | invalid-expired-code |
Something went wrong, please try again later. | custom-script-error-code |
Something went wrong, please try again later | auth0-users-validation |
We are sorry, something went wrong when attempting to log in | authentication-failure |
Invalid connection | invalid-connection |
We have detected suspicious login behavior and further attempts will be blocked. Please contact the administrator. | ip-blocked |
Invalid connection | no-db-connection |
We have detected a potential security issue with this account. To protect your account, we have prevented this login. Please reset your password to proceed. | password-breached |
Your account has been blocked after multiple consecutive login attempts. | user-blocked |
Too many login attempts for this user. Please wait, and try again later. | same-user-login |
Please enter an email address | no-email |
Password is required | no-password |
Username is required | no-username |
Screen: login-id
Text | Key |
---|---|
Log in | <%= "${clientName}" %> |
Welcome | title |
Log in to <%= "${companyName}" %> to continue to <%= "${clientName}" %>. | description |
Or | separatorText |
Continue | buttonText |
Continue with <%= "{yourConnectionName}" %> | federatedConnectionButtonText |
Can't log in to your account? | forgotPasswordText |
Sign up | signupActionLinkText |
Don't have an account? | signupActionText |
Password | passwordPlaceholder |
Username or email address | usernamePlaceholder |
Email address | emailPlaceholder |
Phone number | phonePlaceholder |
Username | usernameOnlyPlaceholder |
Phone or Username or Email | phoneOrUsernameOrEmailPlaceholder |
Phone number or Email address | phoneOrEmailPlaceholder |
Phone Number or Username | phoneOrUsernamePlaceholder |
Username or Email address | usernameOrEmailPlaceholder |
Edit | editEmailText |
Alerts | alertListTitle |
<%= "${companyName}" %> | logoAltText |
Continue with a passkey | passkeyButtonText |
Wrong username or password | wrong-credentials |
Wrong email or password | wrong-email-credentials |
Incorrect username or password | wrong-username-credentials |
Incorrect phone number or password | wrong-phone-credentials |
Incorrect email address, username, or password | wrong-email-username-credentials |
Incorrect email address, phone number, username, or password. Phone numbers must include the country code. | wrong-email-phone-username-credentials |
Incorrect email address, phone number, or password. Phone numbers must include the country code. | wrong-email-phone-credentials |
Incorrect phone number, username or password. Phone numbers must include the country code. | wrong-phone-username-credentials |
The code you entered is invalid | invalid-code |
Invalid or expired user code | invalid-expired-code |
Username can only contain alphanumeric characters or: '<%= "${characters}" %>'. Username should have between <%= "${min}" %> and <%= "${max}" %> characters. | invalid-username |
Invalid Login ID entered | invalid-login-id |
Enter a valid email address or phone number. Phone numbers must include the country code. | invalid-email-phone |
Enter a valid email address or username | invalid-email-username |
Enter a valid phone number or username. Phone numbers must include the country code. | invalid-phone-username |
Enter a valid email address, phone number, or username. Phone numbers must include the country code. | invalid-email-phone-username |
Something went wrong, please try again later. | custom-script-error-code |
Something went wrong, please try again later | auth0-users-validation |
We are sorry, something went wrong when attempting to log in | authentication-failure |
Invalid connection | invalid-connection |
We have detected suspicious login behavior and further attempts will be blocked. Please contact the administrator. | ip-blocked |
Invalid connection | no-db-connection |
Email does not match any enterprise directory | no-hrd-connection |
We have detected a potential security issue with this account. To protect your account, we have prevented this login. Please reset your password to proceed. | password-breached |
Your account has been blocked after multiple consecutive login attempts. | user-blocked |
Too many login attempts for this user. Please wait, and try again later. | same-user-login |
Please enter an email address | no-email |
Password is required | no-password |
Username is required | no-username |
Enter a valid phone number | invalid-phone-number |
Password and passkey are not allowed | conflict-password-passkey |
Password is not allowed | password-not-allowed |
Passkey is not allowed | passkey-not-allowed |
Please select a passkey | no-passkey |
Passkey authentication failed | passkey-authentication-failed |
Something went wrong. Please try again later. | invalid-passkey |
Screen: login-password
Text | Key |
---|---|
Enter your password to log in | <%= "${clientName}" %> |
Enter Your Password | title |
Enter your password for <%= "${companyName}" %> to continue to <%= "${clientName}" %> | description |
Or | separatorText |
Continue | buttonText |
Continue with <%= "{yourConnectionName}" %> | federatedConnectionButtonText |
Sign up | signupActionLinkText |
Don't have an account? | signupActionText |
Forgot password? | forgotPasswordText |
Password | passwordPlaceholder |
Username or email address | usernamePlaceholder |
Email address | emailPlaceholder |
Edit | editEmailText |
Edit email address | editLinkScreenReadableText |
Alerts | alertListTitle |
You've Been Invited! | invitationTitle |
Log in to accept <%= "${inviterName}" %>'s invitation to join <%= "${companyName}" %> on <%= "${clientName}" %>. | invitationDescription |
<%= "${companyName}" %> | logoAltText |
Use Fingerprint or Face Recognition | useBiometricsText |
Show password | showPasswordText |
Hide password | hidePasswordText |
Wrong username or password | wrong-credentials |
The code you entered is invalid | invalid-code |
Invalid or expired user code | invalid-expired-code |
Wrong email or password | wrong-email-credentials |
Incorrect username or password | wrong-username-credentials |
Incorrect phone number or password | wrong-phone-credentials |
Incorrect email address, username, or password | wrong-email-username-credentials |
Incorrect email address, phone number, username, or password. Phone numbers must include the country code. | wrong-email-phone-username-credentials |
Incorrect email address, phone number, or password. Phone numbers must include the country code. | wrong-email-phone-credentials |
Incorrect phone number, username or password. Phone numbers must include the country code. | wrong-phone-username-credentials |
Something went wrong, please try again later. | custom-script-error-code |
Something went wrong, please try again later | auth0-users-validation |
We are sorry, something went wrong when attempting to log in | authentication-failure |
Invalid connection | invalid-connection |
We have detected suspicious login behavior and further attempts will be blocked. Please contact the administrator. | ip-blocked |
Invalid connection | no-db-connection |
We have detected a potential security issue with this account. To protect your account, we have prevented this login. Please reset your password to proceed. | password-breached |
Your account has been blocked after multiple consecutive login attempts. | user-blocked |
Too many login attempts for this user. Please wait, and try again later. | same-user-login |
Please enter an email address | no-email |
Password is required | no-password |
Username is required | no-username |
Screen: login-passwordless-email-code
Text | Key |
---|---|
Enter your email code to log in ${clientName} | pageTitle |
Continue | buttonText |
We've sent an email with your code to ${email} | description |
Enter the code | placeholder |
Resend | resendActionText |
Didn't receive an email? | resendText |
Verify Your Identity | title |
${companyName} | logoAltText |
Code is invalid | invalid-verification-code |
Code could not be sent. Please try again later. | passwordless-authenticator-error |
Something went wrong. Please try again later. | passwordless-unknown-error |
Screen: login-passwordless-email-link
Text | Key |
---|---|
Email Sign In Link ${clientName} | pageTitle |
Email sent | successTitle |
Something went wrong | errorTitle |
Email sent. Check your inbox for a login link. | description |
Please try again later. | unknownErrorDescription |
Screen: login-passwordless-sms-otp
Text | Key |
---|---|
Enter your phone code to log in ${clientName} | pageTitle |
Verify Your Identity | title |
We've sent a text message to: | description |
Continue | buttonText |
Edit | editText |
Enter the 6-digit code | placeholder |
Resend | resendActionText |
Didn't receive a code? | resendText |
${companyName} | logoAltText |
Code is invalid | invalid-verification-code |
Code could not be sent. Please try again later. | passwordless-authenticator-error |
Something went wrong. Please try again later. | passwordless-unknown-error |
Screen: login-email-verification
Text | Key |
---|---|
Enter your email code to log in ${clientName} | pageTitle |
Continue | buttonText |
We've sent an email with your code to ${email} | description |
Enter the code | placeholder |
Resend | resendActionText |
Didn't receive an email? | resendText |
Verify Your Email | title |
${companyName} | logoAltText |
OTP Code must have 6 numeric characters | invalid-otp-code-format |
The code you entered is invalid | invalid-code |
Invalid or expired user code | invalid-expired-code |
We couldn't verify the code. Please try again later. | authenticator-error |
You have exceeded the amount of emails. Wait a few minutes and try again. | too-many-email |
Screen: logout
Text | Key |
---|---|
Logout ${clientName} | pageTitle |
Logout | title |
Hi ${userName}, | userSalute |
Are you sure you want to log out from ${clientName}? | description |
Yes | acceptButtonText |
No | declineButtonText |
${companyName} | logoAltText |
Screen: mfa-detect-browser-capabilities
Text | Key |
---|---|
Try another method | pickAuthenticatorText |
Reload | reloadButtonText |
JavaScript Required | noJSErrorTitle |
Your browser does not have JavaScript enabled. Please enable and press the Reload page button. | noJSErrorDescription |
Screen: mfa-enroll-result
Text | Key |
---|---|
MFA enrollment status | pageTitle |
You're All Set! | enrolledTitle |
You have successfully added a new authentication factor. | enrolledDescription |
Invalid Link | invalidTicketTitle |
This link is invalid or expired. | invalidTicketDescription |
Expired Link | expiredTicketTitle |
This link is expired. | expiredTicketDescription |
Already used | alreadyUsedTitle |
This link has already been used. Please get a new link to enroll with Multi-factor Authentication. | alreadyUsedDescription |
Two-factor Verification has Already Been Enabled. | alreadyEnrolledDescription |
Something Went Wrong | genericError |
Screen: mfa-login-options
Text | Key |
---|---|
List of other login methods ${clientName} | pageTitle |
Go back | backText |
Other Methods | title |
SMS | authenticatorNamesSMS |
Phone | authenticatorNamesVoice |
Phone | authenticatorNamesPhone |
Notification via ${appName} app | authenticatorNamesPushNotification |
Google Authenticator or similar | authenticatorNamesOTP |
authenticatorNamesEmail |
|
Recovery code | authenticatorNamesRecoveryCode |
Notification via DUO app | authenticatorNamesDUO |
Security Key | authenticatorNamesWebauthnRoaming |
Fingerprint or Face Recognition | authenticatorNamesWebauthnPlatform |
Screen: mfa-begin-enroll-options
Text | Key |
---|---|
Add another authentication method ${clientName} | pageTitle |
Go back | backText |
Keep Your Account Safe | title |
Add another authentication method. | description |
${companyName} | logoAltText |
SMS | authenticatorNamesSMS |
Phone | authenticatorNamesVoice |
Phone | authenticatorNamesPhone |
Notification via ${appName} app | authenticatorNamesPushNotification |
Google Authenticator or similar | authenticatorNamesOTP |
authenticatorNamesEmail |
|
Recovery code | authenticatorNamesRecoveryCode |
Notification via DUO app | authenticatorNamesDUO |
Security Key | authenticatorNamesWebauthnRoaming |
Fingerprint or Face Recognition | authenticatorNamesWebauthnPlatform |
Screen: mfa-email-challenge
Text | Key |
---|---|
Enter your email code to log in ${clientName} | pageTitle |
Go Back | backText |
Continue | buttonText |
We've sent an email with your code to | description |
Try another method | pickAuthenticatorText |
Enter the code | placeholder |
Remember this device for 30 days | rememberMeText |
Resend | resendActionText |
Didn't receive an email? | resendText |
Verify Your Identity | title |
${companyName} | logoAltText |
OTP Code must have 6 numeric characters | invalid-otp-code-format |
The code you entered is invalid | invalid-code |
We couldn't verify the code. Please try again later. | authenticator-error |
Notification was not sent. Try resending the code. | no-transaction-in-progress |
You have exceeded the amount of emails. Wait a few minutes and try again. | too-many-email |
Your enrollment transaction expired, you will need to start again. | transaction-not-found |
We couldn't send the email. Please try again later. | mfa-email-challenge-authenticator-error |
Screen: mfa-email-list
Text | Key |
---|---|
List of available email addresses ${clientName} | pageTitle |
Go back | backText |
Enrolled Email Addresses | title |
Screen: mfa-otp-enrollment-qr
Text | Key |
---|---|
Scan the code to log in using a one-time password ${clientName} | pageTitle |
Secure Your Account | title |
Scan the QR Code below using your preferred authenticator app and then enter the provided one-time code below. | description |
Continue | buttonText |
Trouble Scanning? | codeEnrollmentText |
Try another method | pickAuthenticatorText |
Enter your one-time code | placeholder |
Then | separatorText |
${companyName} | logoAltText |
OTP Code must have 6 numeric characters | invalid-otp-code-format |
The code you entered is invalid | invalid-code |
Too many failed codes. Wait for some minutes before retrying. | too-many-failures |
Your enrollment transaction expired, you will need to start again. | transaction-not-found |
You are already enrolled on MFA. | user-already-enrolled |
Screen: mfa-otp-enrollment-code
Text | Key |
---|---|
Copy the code to log in using a one-time password ${clientName} | pageTitle |
Go back | backText |
Continue | buttonText |
Secure code to copy | altText |
Copy code | copyCodeButtonText |
Manually enter the following code into your preferred authenticator app and then enter the provided one-time code below. | description |
Try another method | pickAuthenticatorText |
Enter your one-time code | placeholder |
Secure Your Account | title |
${companyName} | logoAltText |
Too many failed codes. Wait for some minutes before retrying. | too-many-failures |
Your enrollment transaction expired, you will need to start again. | transaction-not-found |
Screen: mfa-otp-challenge
Text | Key |
---|---|
Enter your one-time password to log in ${clientName} | pageTitle |
Verify Your Identity | title |
Check your preferred one-time password application for a code. | description |
Continue | buttonText |
Try another method | pickAuthenticatorText |
Enter your one-time code | placeholder |
Remember this device for 30 days | rememberMeText |
${companyName} | logoAltText |
Use password | usePasswordText |
We couldn't verify the code. Please try again later. | authenticator-error |
Too many failed codes. Wait for some minutes before retrying. | too-many-failures |
Your enrollment transaction expired, you will need to start again. | transaction-not-found |
Screen: mfa-phone-challenge
Text | Key |
---|---|
Use your phone number to log in ${clientName} | pageTitle |
Verify Your Identity | title |
We will send a 6-digit code to the following phone number: | description |
Continue | continueButtonText |
Choose another phone number. | changePhoneText |
Text message | smsButtonText |
Voice call | voiceButtonText |
How do you want to receive the code? | chooseMessageTypeText |
Try another method | pickAuthenticatorText |
Enter your phone number | placeholder |
${companyName} | logoAltText |
There was a problem sending the SMS | send-sms-failed |
There was a problem making the voice call | send-voice-failed |
Phone number can only include digits. | invalid-phone-format |
It seems that your phone number is not valid. Please check and retry. | invalid-phone |
You have exceeded the maximum number of phone messages per hour. Wait a few minutes and try again. | too-many-sms |
You have exceeded the maximum number of phone messages per hour. Wait a few minutes and try again. | too-many-voice |
Your enrollment transaction expired, you will need to start again. | transaction-not-found |
Please enter a phone number | no-phone |
Screen: mfa-phone-enrollment
Text | Key |
---|---|
Enter your phone number to log in using a phone code ${clientName} | pageTitle |
Secure Your Account | title |
Enter your country code and phone number to which we can send a 6-digit code: | description |
Continue | continueButtonText |
Text message | smsButtonText |
Voice call | voiceButtonText |
How do you want to receive the code? | chooseMessageTypeText |
Try another method | pickAuthenticatorText |
Enter your phone number | placeholder |
${companyName} | logoAltText |
There was a problem sending the SMS | send-sms-failed |
There was a problem making the voice call | send-voice-failed |
We couldn't send the SMS. Please try again later. | sms-authenticator-error |
Phone number can only include digits. | invalid-phone-format |
It seems that your phone number is not valid. Please check and retry. | invalid-phone |
You have exceeded the maximum number of phone messages per hour. Wait a few minutes and try again. | too-many-sms |
You have exceeded the maximum number of phone messages per hour. Wait a few minutes and try again. | too-many-voice |
Your enrollment transaction expired, you will need to start again. | transaction-not-found |
Please enter a phone number | no-phone |
Screen: mfa-push-welcome
Text | Key |
---|---|
Install the application ${clientName} | pageTitle |
Secure Your Account | title |
In order to continue, install the ${appName} app via the app store from your mobile device. | description |
Google Play | androidButtonText |
Continue | buttonText |
App Store | iosButtonText |
Try another method | pickAuthenticatorText |
${companyName} | logoAltText |
Screen: mfa-push-enrollment-qr
Text | Key |
---|---|
Scan the code to log in using a push notification ${clientName} | pageTitle |
Secure Your Account | title |
Scan the QR Code below using the ${appName} app on your mobile device. | description |
Try another method | pickAuthenticatorText |
Continue | buttonText |
${companyName} | logoAltText |
You must scan the QR code with the ${appName} app on your mobile device. | enrollment-transaction-pending |
Screen: mfa-push-challenge-push
Text | Key |
---|---|
Accept the push notification to log in ${clientName} | pageTitle |
Verify Your Identity | title |
We’ve sent a notification to the following device via the ${appName} app: | description |
I've responded on my device | buttonText |
Try another method | pickAuthenticatorText |
Remember this device for 30 days | rememberMeText |
Resend | resendActionText |
Didn't receive a notification? | resendText |
Manually Enter Code | enterOtpCode |
OR | separatorText |
${companyName} | logoAltText |
You must accept the notification via the ${appName} app on your mobile device. | challenge-transaction-pending |
We have not received a confirmation, please slow down. | polling-interval-exceeded |
We have received too many notification requests. Wait a few minutes and try again. | too-many-push |
Your enrollment transaction expired, you will need to start again. | transaction-not-found |
We have not received a confirmation, please try scanning the code again. | mfa-push-verify-transaction-pending |
We couldn't verify the enrollment. Please try again later. | mfa-push-verify-authenticator-error |
We couldn't send the notification. Please try again later. | mfa-push-challenge-authenticator-error |
Notification rejected | transaction-rejected |
Screen: mfa-push-list
Text | Key |
---|---|
List of available devices ${clientName} | pageTitle |
Go back | backText |
Registered Devices | title |
Screen: mfa-recovery-code-enrollment
Text | Key |
---|---|
Copy your recovery code for safe keeping ${clientName} | pageTitle |
Almost There! | title |
Copy this recovery code and keep it somewhere safe. You’ll need it if you ever need to log in without your device. | description |
Secure code to copy | altText |
Continue | buttonText |
I have safely recorded this code | checkboxText |
Copy code | copyCodeButtonText |
${companyName} | logoAltText |
Please confirm you have recorded the code | no-confirmation |
Screen: mfa-recovery-code-challenge
Text | Key |
---|---|
Enter your recovery code to log in ${clientName} | pageTitle |
Verify Your Identity | title |
Enter the recovery code you were provided during your initial enrollment. | description |
Continue | buttonText |
Try another method | pickAuthenticatorText |
Enter your recovery code | placeholder |
${companyName} | logoAltText |
The code you entered is invalid | invalid-code |
Recovery code must have 24 alphanumeric characters | invalid-code-format |
We couldn't verify the code. Please try again later. | authenticator-error |
Please confirm you have recorded the code | no-confirmation |
Too many failed codes. Wait for some minutes before retrying. | too-many-failures |
Your enrollment transaction expired, you will need to start again. | transaction-not-found |
Screen: mfa-country-codes
Text | Key |
---|---|
Select your country code ${clientName} | pageTitle |
Go back | backText |
Select a Country Code | title |
Screen: mfa-sms-enrollment
Text | Key |
---|---|
Enter your phone number to log in using a text message ${clientName} | pageTitle |
Secure Your Account | title |
Enter your phone number below. An SMS will be sent to that number with a code to enter on the next screen. | description |
Continue | buttonText |
Try another method | pickAuthenticatorText |
Enter your phone number | placeholder |
${companyName} | logoAltText |
There was a problem sending the SMS | send-sms-failed |
We couldn't send the SMS. Please try again later. | sms-authenticator-error |
Phone number can only include digits. | invalid-phone-format |
Seems that your phone number is not valid. Please check and retry. | invalid-phone |
You have exceeded the maximum number of phone messages per hour. Wait a few minutes and try again. | too-many-sms |
Your enrollment transaction expired, you will need to start again. | transaction-not-found |
Please enter a phone number | no-phone |
Screen: mfa-sms-challenge
Text | Key |
---|---|
Enter your phone code to log in ${clientName} | pageTitle |
Verify Your Identity | title |
We've sent a text message to: | description |
Continue | buttonText |
Edit | editText |
Edit phone number | editLinkScreenReadableText |
Try another method | pickAuthenticatorText |
Enter the 6-digit code | placeholder |
Remember this device for 30 days | rememberMeText |
Resend | resendActionText |
Didn't receive a code? | resendText |
or | resendVoiceActionSeparatorTextBefore |
get a call | resendVoiceActionText |
${companyName} | logoAltText |
OTP Code must have 6 numeric characters | invalid-otp-code-format |
The code you entered is invalid | invalid-code |
There was a problem sending the SMS | send-sms-failed |
We couldn't verify the code. Please try again later. | authenticator-error |
We couldn't send the SMS. Please try again later. | sms-authenticator-error |
Notification was not sent. Try resending the code. | no-transaction-in-progress |
Too many failed codes. Wait for some minutes before retrying. | too-many-failures |
You have exceeded the maximum number of phone messages per hour. Wait a few minutes and try again. | too-many-sms |
Your enrollment transaction expired, you will need to start again. | transaction-not-found |
Screen: mfa-sms-list
Text | Key |
---|---|
List of available phone numbers ${clientName} | pageTitle |
Go back | backText |
Enrolled Phone Numbers | title |
Screen: mfa-voice-enrollment
Text | Key |
---|---|
Enter your phone number to log in using a phone code ${clientName} | pageTitle |
Secure Your Account | title |
Enter your phone number below. A voice call will be placed on that number with a code to enter on the next screen. | description |
Continue | buttonText |
Try another method | pickAuthenticatorText |
Enter your phone number | placeholder |
${companyName} | logoAltText |
There was a problem sending the SMS | send-sms-failed |
Phone number can only include digits. | invalid-phone-format |
Seems that your phone number is not valid. Please check and retry. | invalid-phone |
You have exceeded the maximum number of phone messages per hour. Wait a few minutes and try again. | too-many-sms |
Your enrollment transaction expired, you will need to start again. | transaction-not-found |
Please enter a phone number | no-phone |
Screen: mfa-voice-challenge
Text | Key |
---|---|
Enter your phone code to log in ${clientName} | pageTitle |
Verify Your Identity | title |
We've sent a 6-digit code via voice phone call to the following phone number: | description |
Continue | buttonText |
Edit | editText |
Edit phone number | editLinkScreenReadableText |
Choose another phone number. | changePhoneText |
Try another method | pickAuthenticatorText |
Enter the 6-digit code | placeholder |
Remember this device for 30 days | rememberMeText |
Call again | resendActionText |
Didn't receive a call? | resendText |
or | resendSmsActionSeparatorTextBefore |
send a text | resendSmsActionText |
${companyName} | logoAltText |
OTP Code must have 6 numeric characters | invalid-otp-code-format |
The code you entered is invalid | invalid-code |
There was a problem making the voice call | send-voice-failed |
We couldn't verify the code. Please try again later. | authenticator-error |
We couldn't make the voice call. Please try again later. | voice-authenticator-error |
Notification was not sent. Try resending the code. | no-transaction-in-progress |
Too many failed codes. Wait for some minutes before retrying. | too-many-failures |
You have exceeded the maximum number of phone messages per hour. Wait a few minutes and try again. | too-many-voice |
Your enrollment transaction expired, you will need to start again. | transaction-not-found |
Screen: mfa-webauthn-platform-enrollment
Text | Key |
---|---|
Log in faster on this device ${clientName} | pageTitle |
Log In Faster on This Device | title |
Trust this device? You can quickly and securely log in the next time using this device's fingerprint or face recognition. | description |
Awaiting device confirmation | awaitingConfirmation |
${companyName} | logoAltText |
Continue | continueButtonText |
Try another method | pickAuthenticatorText |
Remind me later | snoozeEnrollmentButtonText |
Not on this device | refuseAddingDeviceText |
Not now | skipAddingDeviceText |
We could not start the device enrollment. Please try again later. | webauthn-platform-associate-error |
Screen: mfa-webauthn-roaming-enrollment
Text | Key |
---|---|
Register your security key ${clientName} | pageTitle |
Adding Your Security Key | title |
Security Keys can be used as an additional authentication factor. | description |
Awaiting Security Key | awaitingConfirmation |
${companyName} | logoAltText |
Use security key | continueButtonText |
Try another method | pickAuthenticatorText |
Connect your Security Key and continue. | instructions1 |
Follow the steps on the browser. | instructions2 |
Name your Security Key to easily identify it later. | instructions3 |
We could not start the security key enrollment. Please try again later. | webauthn-associate-error |
Screen: mfa-webauthn-platform-challenge
Text | Key |
---|---|
Use fingerprint or face recognition to login ${clientName} | title |
Press the button below and follow your browser's steps to log in. | description |
Awaiting device confirmation | awaitingConfirmation |
Too many failed authentication attempts. Please try again later. | too-many-webauthn-challenge-attempts-error |
${companyName} | logoAltText |
Continue | continueButtonText |
Try another method | pickAuthenticatorText |
Use password | usePasswordText |
Remember this device for 30 days | rememberMeText |
We could not start the device verification. Please try again later. | webauthn-platform-challenge-error |
Screen: mfa-webauthn-roaming-challenge
Text | Key |
---|---|
Use your security key to log in ${clientName} | pageTitle |
Verify Your Identity | title |
Make sure your Security Key is nearby. Once you continue, you will be prompted to use it. | description |
Awaiting Security Key | awaitingConfirmation |
Too many failed authentication attempts. Please try again later. | too-many-webauthn-challenge-attempts-error |
${companyName} | logoAltText |
Use security key | continueButtonText |
Try another method | pickAuthenticatorText |
Remember this device for 30 days | rememberMeText |
We could not start the security key verification. Please try again later. | webauthn-challenge-error |
Screen: mfa-webauthn-change-key-nickname
Text | Key |
---|---|
Name your security key ${clientName} | title |
If you own multiple keys, this alias will help you identify the right one. | description |
${userName}'s key | nickname |
Security key name | nicknamePlaceholder |
Name your device | ${clientName} |
If you own multiple devices, this alias will help you identify the right one. | descriptionPlatform |
${userName}'s ${deviceName} | nicknamePlatform |
Device name | nicknamePlaceholderPlatform |
Continue | buttonText |
${companyName} | logoAltText |
We could not update your key's name. Please try again. | webauthn-patch-nickname-error |
We could not update your Device's name. Please try again. | webauthn-platform-patch-nickname-error |
Name is required | no-nickname |
Name is too short | nickname-too-short |
Name is too long | nickname-too-long |
An error occurred while retrieving your information. Please try again. | error-while-retrieving-authenticator |
An error occurred while trying to save the name . Please try again. | error-while-patching |
Screen: mfa-webauthn-enrollment-success
Text | Key |
---|---|
Security key successful ${clientName} | title |
Device registration successful ${clientName} | titlePlatform |
You have successfully registered your Security Key. | description |
You have successfully registered your device. | descriptionPlatform |
Continue | buttonText |
${companyName} | logoAltText |
Screen: mfa-webauthn-error
Text | Key |
---|---|
Try again | tryAgainLinkText |
Try another method | pickAuthenticatorText |
Security key registration error | ${clientName} |
Security Key Verification Failed | errorTitleChallenge |
Device registration error | ${clientName} |
Something Went Wrong | errorTitlePlatformChallenge |
Something went wrong. Please try again or try using another method. | description |
If you already registered this device, please try again. If not, try using another method. | descriptionPlatform |
No Thanks | refuseAddingAuthenticatorText |
Use password | usePasswordText |
Screen: mfa-webauthn-not-available-error
Text | Key |
---|---|
Security keys are not supported ${clientName} | pageTitle |
Security Keys Are Not Supported | errorTitle |
We are sorry but your browser or device does not support Security Keys. Try using another browser or log in from another device. | errorDescription |
Try another method | pickAuthenticatorText |
Use password | usePasswordText |
Screen: organization-selection
Text | Key |
---|---|
Enter your organization ${clientName} | pageTitle |
Continue | buttonText |
Enter your ${companyName} Organization Name to continue | description |
Enter your Organization Name | placeholder |
Enter Organization | title |
${companyName} | logoAltText |
The organization you entered is invalid | invalid-organization |
Screen: organization-picker
Text | Key |
---|---|
Choose an Organization | pageTitle |
is a part of multiple organizations. | loggedInText |
is used as a personal account and is a part of multiple organizations. | loggedInTextB2C |
Choose an Organization | title |
Choose an Account to Continue | titleB2C |
<%= "${companyName}" %> | logoAltText |
OR | separatorText |
Continue with personal account | continueTextB2C |
Screen: reset-password-request
Text | Key |
---|---|
Reset your password | <%= "${clientName}" %> |
Forgot Your Password? | title |
Back to <%= "${clientName}" %> | backToLoginLinkText |
Continue | buttonText |
Enter your email address and we will send you instructions to reset your password. | descriptionEmail |
Enter your username and we will send you instructions to reset your password. | descriptionUsername |
Email address | placeholderEmail |
Username | placeholderUsername |
Email address | emailPlaceholder |
Username | usernamePlaceholder |
Phone number | phonePlaceholder |
Phone or Username or Email | phoneOrUsernameOrEmailPlaceholder |
Phone number or Email address | phoneOrEmailPlaceholder |
Phone Number or Username | phoneOrUsernamePlaceholder |
Username or Email address | usernameOrEmailPlaceholder |
Enter your Email address and we will send you instructions to reset your password. | emailDescription |
Enter your Username and we will send you instructions to reset your password. | usernameDescription |
Enter your Phone number and we will send you instructions to reset your password. | phoneDescription |
Enter your Phone number or Username or Email address and we will send you instructions to reset your password. | phoneOrUsernameOrEmailDescription |
Enter your Phone number or Email address and we will send you instructions to reset your password. | phoneOrEmailDescription |
Enter your Phone number or Username and we will send you instructions to reset your password. | phoneOrUsernameDescription |
Enter your Username or Email address and we will send you instructions to reset your password. | usernameOrEmailDescription |
<%= "${companyName}" %> | logoAltText |
This ticket was expired. | auth0-users-expired-ticket |
Something went wrong, please try again later. | custom-script-error-code |
This ticket was already used. | auth0-users-used-ticket |
Something went wrong, please try again later | auth0-users-validation |
We had a problem sending the email, please try again later. | reset-password-error |
You have exceeded the amount of emails. Wait a few minutes and try again. | too-many-email |
You have exceeded the amount of emails. Wait a few minutes and try again. | too-many-requests |
Please enter an email address | no-email |
Username is required | no-username |
Please enter a phone number | no-phone_number |
Phone number is not valid. | invalid-phone-format |
Invalid Login ID entered | invalid-login-id |
Enter a valid email address or phone number. Phone numbers must include the country code. | invalid-email-phone |
Screen: reset-password-email
Text | Key |
---|---|
Check your email | <%= "${clientName}" %> |
Check Your Email | title |
Go back | backButtonText |
Please check the email address <%= "${email}" %> for instructions to reset your password. | emailDescription |
Resend email | resendLinkText |
Please check the email address associated with the username <%= "${email}" %> for instructions to reset your password. | usernameDescription |
Screen: reset-password
Text | Key |
---|---|
Reset your password | <%= "${clientName}" %> |
Change Your Password | title |
Enter a new password below to change your password. | description |
Reset password | buttonText |
New password | passwordPlaceholder |
Re-enter new password | reEnterpasswordPlaceholder |
Your password must contain: | passwordSecurityText |
<%= "${companyName}" %> | logoAltText |
Show password | showPasswordText |
Hide password | hidePasswordText |
Fail | accessibilityError |
Pass | accessibilityValid |
This ticket was expired. | auth0-users-expired-ticket |
Something went wrong, please try again later. | custom-script-error-code |
This ticket was already used. | auth0-users-used-ticket |
Something went wrong, please try again later | auth0-users-validation |
Enter a new password. | no-password-reset |
New password confirmation is missing | no-re-enter-password |
Password contains user information | password-contains-user-information |
Passwords don't match | password-mismatch |
Screen: reset-password-success
Text | Key |
---|---|
Password reset successful | <%= "${clientName}" %> |
Password Changed! | eventTitle |
Your password has been changed successfully. | description |
Back to <%= "${clientName}" %> | buttonText |
Screen: reset-password-error
Text | Key |
---|---|
Password reset error | <%= "${clientName}" %> |
Back to <%= "${clientName}" %> | backToLoginLinkText |
To reset your password, return to the login page and select "Forgot Your Password" to send a new email. | descriptionExpired |
Something went wrong. Please return to the login page and select "Forgot Your Password" to try again. | descriptionGeneric |
This link has already been used. To reset your password, return to the login page and select "Forgot Your Password" to send a new email. | descriptionUsed |
Link Expired | eventTitleExpired |
Please Try Again | eventTitleGeneric |
Invalid Link | eventTitleUsed |
This ticket was expired. | auth0-users-expired-ticket |
Something went wrong, please try again later. | custom-script-error-code |
This ticket was already used. | auth0-users-used-ticket |
Something went wrong, please try again later | auth0-users-validation |
We had a problem sending the email, please try again later. | reset-password-error |
Screen: reset-password-mfa-email-challenge
Text | Key |
---|---|
Enter your one-time password to change your password for | <%= "${clientName}" %> |
Go Back | backText |
Continue | buttonText |
We've sent an email with your code to | description |
Try another method | pickAuthenticatorText |
Enter the code | placeholder |
Remember this device for 30 days | rememberMeText |
Resend | resendActionText |
Didn't receive an email? | resendText |
Verify Your Identity | title |
<%= "${companyName}" %> | logoAltText |
OTP Code must have 6 numeric characters | invalid-otp-code-format |
The code you entered is invalid | invalid-code |
We couldn't verify the code. Please try again later. | authenticator-error |
Notification was not sent. Try resending the code. | no-transaction-in-progress |
You have exceeded the amount of emails. Wait a few minutes and try again. | too-many-email |
Your enrollment transaction expired, you will need to start again. | transaction-not-found |
We couldn't send the email. Please try again later. | mfa-email-challenge-authenticator-error |
Screen: reset-password-mfa-otp-challenge
Text | Key |
---|---|
Enter your one-time password to change your password for | <%= "${clientName}" %> |
Verify Your Identity | title |
Check your preferred one-time password application for a code. | description |
Continue | buttonText |
Try another method | pickAuthenticatorText |
Enter your one-time code | placeholder |
Remember this device for 30 days | rememberMeText |
<%= "${companyName}" %> | logoAltText |
Use password | usePasswordText |
We couldn't verify the code. Please try again later. | authenticator-error |
Too many failed codes. Wait for some minutes before retrying. | too-many-failures |
Your enrollment transaction expired, you will need to start again. | transaction-not-found |
Screen: reset-password-mfa-phone-challenge
Text | Key |
---|---|
Enter your one-time password to change your password for | <%= "${clientName}" %> |
Verify Your Identity | title |
We will send a 6-digit code to the following phone number: | description |
Continue | continueButtonText |
Choose another phone number. | changePhoneText |
Text message | smsButtonText |
Voice call | voiceButtonText |
How do you want to receive the code? | chooseMessageTypeText |
Try another method | pickAuthenticatorText |
Enter your phone number | placeholder |
<%= "${companyName}" %> | logoAltText |
There was a problem sending the SMS | send-sms-failed |
There was a problem making the voice call | send-voice-failed |
Phone number can only include digits. | invalid-phone-format |
It seems that your phone number is not valid. Please check and retry. | invalid-phone |
You have exceeded the maximum number of phone messages per hour. Wait a few minutes and try again. | too-many-sms |
You have exceeded the maximum number of phone messages per hour. Wait a few minutes and try again. | too-many-voice |
Your enrollment transaction expired, you will need to start again. | transaction-not-found |
Please enter a phone number | no-phone |
Screen: reset-password-mfa-push-challenge-push
Text | Key |
---|---|
Enter your one-time password to change your password for | <%= "${clientName}" %> |
Verify Your Identity | title |
We’ve sent a notification to the following device via the <%= "${appName}" %> app: | description |
I've responded on my device | buttonText |
Try another method | pickAuthenticatorText |
Remember this device for 30 days | rememberMeText |
Resend | resendActionText |
Didn't receive a notification? | resendText |
Manually Enter Code | enterOtpCode |
OR | separatorText |
<%= "${companyName}" %> | logoAltText |
You must accept the notification via the <%= "${appName}" %> app on your mobile device. | challenge-transaction-pending |
We have not received a confirmation, please slow down. | polling-interval-exceeded |
We have received too many notification requests. Wait a few minutes and try again. | too-many-push |
Your enrollment transaction expired, you will need to start again. | transaction-not-found |
We have not received a confirmation, please try scanning the code again. | mfa-push-verify-transaction-pending |
We couldn't verify the enrollment. Please try again later. | mfa-push-verify-authenticator-error |
We couldn't send the notification. Please try again later. | mfa-push-challenge-authenticator-error |
Notification rejected | transaction-rejected |
Screen: reset-password-mfa-recovery-code-challenge
Text | Key |
---|---|
Enter your one-time password to change your password for | <%= "${clientName}" %> |
Verify Your Identity | title |
Enter the recovery code you were provided during your initial enrollment. | description |
Continue | buttonText |
Try another method | pickAuthenticatorText |
Enter your recovery code | placeholder |
<%= "${companyName}" %> | logoAltText |
The code you entered is invalid | invalid-code |
Recovery code must have 24 alphanumeric characters | invalid-code-format |
We couldn't verify the code. Please try again later. | authenticator-error |
Please confirm you have recorded the code | no-confirmation |
Too many failed codes. Wait for some minutes before retrying. | too-many-failures |
Your enrollment transaction expired, you will need to start again. | transaction-not-found |
Screen: reset-password-mfa-sms-challenge
Text | Key |
---|---|
Enter your one-time password to change your password for | <%= "${clientName}" %> |
Verify Your Identity | title |
We've sent a text message to: | description |
Continue | buttonText |
Edit | editText |
Edit phone number | editLinkScreenReadableText |
Try another method | pickAuthenticatorText |
Enter the 6-digit code | placeholder |
Remember this device for 30 days | rememberMeText |
Resend | resendActionText |
Didn't receive a code? | resendText |
or | resendVoiceActionSeparatorTextBefore |
get a call | resendVoiceActionText |
<%= "${companyName}" %> | logoAltText |
OTP Code must have 6 numeric characters | invalid-otp-code-format |
The code you entered is invalid | invalid-code |
There was a problem sending the SMS | send-sms-failed |
We couldn't verify the code. Please try again later. | authenticator-error |
We couldn't send the SMS. Please try again later. | sms-authenticator-error |
Notification was not sent. Try resending the code. | no-transaction-in-progress |
Too many failed codes. Wait for some minutes before retrying. | too-many-failures |
You have exceeded the maximum number of phone messages per hour. Wait a few minutes and try again. | too-many-sms |
Your enrollment transaction expired, you will need to start again. | transaction-not-found |
Screen: reset-password-mfa-voice-challenge
Text | Key |
---|---|
Enter your one-time password to change your password for | <%= "${clientName}" %> |
Verify Your Identity | title |
We've sent a 6-digit code via voice phone call to the following phone number: | description |
Continue | buttonText |
Edit | editText |
Edit phone number | editLinkScreenReadableText |
Choose another phone number. | changePhoneText |
Try another method | pickAuthenticatorText |
Enter the 6-digit code | placeholder |
Remember this device for 30 days | rememberMeText |
Call again | resendActionText |
Didn't receive a call? | resendText |
or | resendSmsActionSeparatorTextBefore |
send a text | resendSmsActionText |
<%= "${companyName}" %> | logoAltText |
OTP Code must have 6 numeric characters | invalid-otp-code-format |
The code you entered is invalid | invalid-code |
There was a problem making the voice call | send-voice-failed |
We couldn't verify the code. Please try again later. | authenticator-error |
We couldn't make the voice call. Please try again later. | voice-authenticator-error |
Notification was not sent. Try resending the code. | no-transaction-in-progress |
Too many failed codes. Wait for some minutes before retrying. | too-many-failures |
You have exceeded the maximum number of phone messages per hour. Wait a few minutes and try again. | too-many-voice |
Your enrollment transaction expired, you will need to start again. | transaction-not-found |
Screen: reset-password-mfa-webauthn-platform-challenge
Text | Key |
---|---|
Verify with fingerprint or face recognition | pageTitle |
Use fingerprint or face recognition to reset password | <%= "${clientName}" %> |
Press the button below and follow your browser's steps to log in. | description |
Awaiting device confirmation | awaitingConfirmation |
Too many failed authentication attempts. Please try again later. | too-many-webauthn-challenge-attempts-error |
<%= "${companyName}" %> | logoAltText |
Continue | continueButtonText |
Try another method | pickAuthenticatorText |
Use password | usePasswordText |
Remember this device for 30 days | rememberMeText |
We could not start the device verification. Please try again later. | webauthn-platform-challenge-error |
Screen: reset-password-mfa-webauthn-roaming-challenge
Text | Key |
---|---|
Use your security key to reset password | <%= "${clientName}" %> |
Verify Your Identity | title |
Make sure your Security Key is nearby. Once you continue, you will be prompted to use it. | description |
Awaiting Security Key | awaitingConfirmation |
Too many failed authentication attempts. Please try again later. | too-many-webauthn-challenge-attempts-error |
<%= "${companyName}" %> | logoAltText |
Use security key | continueButtonText |
Try another method | pickAuthenticatorText |
Remember this device for 30 days | rememberMeText |
We could not start the security key verification. Please try again later. | webauthn-challenge-error |
Screen: passkey-enrollment
Text | Key |
---|---|
Create a passkey for ${clientName} on this device. |
title |
Log in ${clientName} . |
pageTitle |
Log in to ${companyName} to continue to ${clientName} . |
description |
No need to remember a password. | passkeyBenefit1Title |
Webauthn platform icon | passkeyBenefit1ImgAltText |
With passkeys, you can use things like your fingerprint or face to login. | passkeyBenefit1Description |
Works on all of your devices. | passkeyBenefit2Title |
Device globe | passkeyBenefit2ImgAltText |
Passkeys will automatically be available across your synced devices. | passkeyBenefit2Description |
Keep your account safer. | passkeyBenefit3Title |
Shield with check mark. | passkeyBenefit3ImgAltText |
Passkeys offer state-of-the-art phishing resistance. | passkeyBenefit3Description |
Create a passkey. | createButtonText |
Continue without passkeys. | continueButtonText |
Create a new passkey. | createButtonResetText |
Create a new password. | usePasswordButtonText |
Go back | backButtonText |
Don't show me this again. | checkboxText |
The user already exists. | error_email-in-use |
Something went wrong, please try again later. | error_auth0-users-validation |
Password and passkey are not allowed. | error_conflict-password-passkey |
Password is not allowed. | error_password-not-allowed |
Passkey is not allowed. | error_passkey-not-allowed |
Something went wrong. Please try again later. | error_invalid-passkey |
Something went wrong. Please try again later. | error_passkey-enrollment-failure |
You have created the maximum number of passkeys for your account. | error_passkey-enrollment-max-allowed-reached |
Screen: passkey-enrollment-local
Text | Key |
---|---|
Create a passkey for ${clientName} on this device. |
title |
Log in ${clientName} . |
pageTitle |
Log in to ${companyName} to continue to ${clientName} . |
description |
Sign in quickly with this device. | passkeyBenefit1Title |
Lock | passkeyBenefit1ImgAltText |
You won't need to use another device's passkey next time you sign in. | passkeyBenefit1Description |
No need to remember a password. | passkeyBenefit2Title |
Webauthn platform icon. | passkeyBenefit2ImgAltText |
With passkeys, you can use things like your fingerprint or face to login. | passkeyBenefit2Description |
Create a new passkey. | createButtonText |
Continue without a new passkey. | continueButtonText |
Don't show me this again. | checkboxText |
Something went wrong. Please try again later. | error_passkey-enrollment-failure |
You have created the maximum number of passkeys for your account. | error_passkey-enrollment-max-allowed-reached |
Screen: phone-identifier-challenge
Text | Key |
---|---|
Enter your phone code to log in | <%= "${clientName}" %> |
Verify Your Identity | title |
We've sent a text message to: | smsDescription |
We've sent a 6-digit code via voice phone call to the following phone number: | voiceDescription |
Continue | buttonText |
Go back | backButtonText |
Enter the 6-digit code | placeholder |
Resend | resendActionText |
Didn't receive a code? | resendText |
or | resendVoiceActionSeparatorTextBefore |
or | resendSmsActionSeparatorTextBefore |
send a text | resendSmsActionText |
get a call | resendVoiceActionText |
<%= "${companyName}" %> | logoAltText |
Code has been resent. | resendLimitReachedText |
OTP Code must have 6 numeric characters | invalid-otp-code-format |
The code you entered is invalid | invalid-code |
There was a problem making the voice call | send-voice-failed |
There was a problem sending the SMS | send-sms-failed |
We couldn't verify the code. Please try again later. | authenticator-error |
We couldn't make the voice call. Please try again later. | voice-authenticator-error |
We couldn't send the SMS. Please try again later. | sms-authenticator-error |
Notification was not sent. Try resending the code. | no-transaction-in-progress |
Too many failed codes. Wait for some minutes before retrying. | too-many-failures |
You have exceeded the maximum number of phone messages per hour. Wait a few minutes and try again. | too-many-voice |
You have exceeded the maximum number of phone messages per hour. Wait a few minutes and try again. | too-many-sms |
Your enrollment transaction expired, you will need to start again. | transaction-not-found |
Screen: phone-identifier-enrollment
Text | Key |
---|---|
Use your phone number to log in | <%= "${clientName}" %> |
Verify Your Identity | title |
We will send a 6-digit code to the following phone number: | description |
Continue | continueButtonText |
Choose another phone number. | changePhoneText |
Text message | smsButtonText |
Voice call | voiceButtonText |
How do you want to receive the code? | chooseMessageTypeText |
Go back | backButtonText |
Enter your phone number | placeholder |
<%= "${companyName}" %> | logoAltText |
There was a problem sending the SMS | send-sms-failed |
There was a problem making the voice call | send-voice-failed |
Phone number can only include digits. | invalid-phone-format |
It seems that your phone number is not valid. Please check and retry. | invalid-phone |
You have exceeded the maximum number of phone messages per hour. Wait a few minutes and try again. | too-many-sms |
You have exceeded the maximum number of phone messages per hour. Wait a few minutes and try again. | too-many-voice |
Your enrollment transaction expired, you will need to start again. | transaction-not-found |
Please enter a phone number | no-phone |
Screen: signup
Text | Key |
---|---|
Sign up | <%= "${clientName}" %> |
Welcome | title |
Sign Up to <%= "${companyName}" %> to continue to <%= "${clientName}" %>. | description |
Or | separatorText |
Continue | buttonText |
Email address | emailPlaceholder |
Continue with <%= "{yourConnectionName}" %> | federatedConnectionButtonText |
Log in | loginActionLinkText |
Already have an account? | loginActionText |
Password | passwordPlaceholder |
Your password must contain: | passwordSecurityText |
Username | usernamePlaceholder |
Phone number | phonePlaceholder |
Email address (Optional) | emailOptionalPlaceholder |
Username (Optional) | usernameOptionalPlaceholder |
Phone number (Optional) | phoneOptionalPlaceholder |
<%= "${companyName}" %> | logoAltText |
Show password | showPasswordText |
Hide password | hidePasswordText |
Fail | accessibilityError |
Pass | accessibilityValid |
The user already exists. | email-in-use |
The password is too weak | password-too-weak |
The password is too weak | password-policy-not-conformant |
The password is too common | password-too-common |
Password has previously been used | password-previously-used |
Passwords don't match | password-mismatch |
Password contains user information | password-contains-user-information |
Username can only contain alphanumeric characters or: '<%= "${characters}" %>'. Username should have between <%= "${min}" %> and <%= "${max}" %> characters. | invalid-username |
The username must not be longer than <%= "${max}" %> characters. | invalid-username-max-length |
The username must have at least <%= "${min}" %> characters. | invalid-username-min-length |
The username has invalid characters. | invalid-username-invalid-characters |
The username cannot be an email. | invalid-username-email-not-allowed |
The username provided is in use already. | username-taken |
Something went wrong, please try again later. | custom-script-error-code |
Something went wrong, please try again later | auth0-users-validation |
Invalid connection | invalid-connection |
We have detected suspicious login behavior and further attempts will be blocked. Please contact the administrator. | ip-blocked |
Too many signups from the same IP | ip-signup-blocked |
Invalid connection | no-db-connection |
Please enter an email address | no-email |
Password is required | no-password |
Enter a new password. | no-password-reset |
New password confirmation is missing | no-re-enter-password |
Username is required | no-username |
At least one identifier is required | no-identifier |
This combination of credentials was detected in a public data breach on another website. Before your account is created, please use a different password to keep it secure. | password-breached |
We encountered an issue when attempting to sign up with a phone number. Please contact support for assistance. | invalid-phone-attribute-config |
Screen: signup-id
Text | Key |
---|---|
Sign up | <%= "${clientName}" %> |
Create Your Account | title |
Sign Up to <%= "${companyName}" %> to continue to <%= "${clientName}" %>. | description |
Or | separatorText |
Continue | buttonText |
Phone number | phonePlaceholder |
Email address | emailPlaceholder |
Continue with <%= "{yourConnectionName}" %> | federatedConnectionButtonText |
Log in | loginActionLinkText |
Already have an account? | loginActionText |
Password | passwordPlaceholder |
Your password must contain: | passwordSecurityText |
Username | usernamePlaceholder |
Email address (Optional) | emailOptionalPlaceholder |
Username (Optional) | usernameOptionalPlaceholder |
Phone number (Optional) | phoneOptionalPlaceholder |
<%= "${companyName}" %> | logoAltText |
The user already exists. | email-in-use |
The password is too weak | password-too-weak |
The password is too weak | password-policy-not-conformant |
The password is too common | password-too-common |
Password has previously been used | password-previously-used |
Passwords don't match | password-mismatch |
Username can only contain alphanumeric characters or: '<%= "${characters}" %>'. Username should have between <%= "${min}" %> and <%= "${max}" %> characters. | invalid-username |
The username must not be longer than <%= "${max}" %> characters. | invalid-username-max-length |
The username must have at least <%= "${min}" %> characters. | invalid-username-min-length |
The username has invalid characters. | invalid-username-invalid-characters |
The username cannot be an email. | invalid-username-email-not-allowed |
The username provided is in use already. | username-taken |
Something went wrong, please try again later. | custom-script-error-code |
Something went wrong, please try again later | auth0-users-validation |
Invalid connection | invalid-connection |
We have detected suspicious login behavior and further attempts will be blocked. Please contact the administrator. | ip-blocked |
Too many signups from the same IP | ip-signup-blocked |
Invalid connection | no-db-connection |
Email does not match any enterprise directory | no-hrd-connection |
Please enter an email address | no-email |
Password is required | no-password |
Enter a new password. | no-password-reset |
New password confirmation is missing | no-re-enter-password |
Username is required | no-username |
At least one identifier is required | no-identifier |
Enter a valid phone number | invalid-phone-number |
Screen: signup-password
Text | Key |
---|---|
Create a password to sign up | <%= "${clientName}" %> |
Create Your Account | title |
Set your password for <%= "${companyName}" %> to continue to <%= "${clientName}" %> | description |
Or | separatorText |
Continue | buttonText |
Phone number | phonePlaceholder |
Email address | emailPlaceholder |
Edit | editEmailText |
Edit | editPhoneText |
Edit | editUsernameText |
Edit email address | editLinkScreenReadableText |
Continue with <%= "{yourConnectionName}" %> | federatedConnectionButtonText |
Log in | loginActionLinkText |
Already have an account? | loginActionText |
Password | passwordPlaceholder |
Your password must contain: | passwordSecurityText |
Username | usernamePlaceholder |
Email address (Optional) | emailOptionalPlaceholder |
Username (Optional) | usernameOptionalPlaceholder |
Phone number (Optional) | phoneOptionalPlaceholder |
Go back | backButtonText |
Accept your invitation to sign up | <%= "${clientName}" %> |
Sign Up to accept <%= "${inviterName}" %>'s invitation to join <%= "${companyName}" %> on <%= "${clientName}" %>. | invitationDescription |
<%= "${companyName}" %> | logoAltText |
Show password | showPasswordText |
Hide password | hidePasswordText |
Fail | accessibilityError |
Pass | accessibilityValid |
The user already exists. | email-in-use |
The password is too weak | password-too-weak |
The password is too weak | password-policy-not-conformant |
The password is too common | password-too-common |
Password has previously been used | password-previously-used |
Passwords don't match | password-mismatch |
Password contains user information | password-contains-user-information |
Username can only contain alphanumeric characters or: '<%= "${characters}" %>'. Username should have between <%= "${min}" %> and <%= "${max}" %> characters. | invalid-username |
The username must not be longer than <%= "${max}" %> characters. | invalid-username-max-length |
The username must have at least <%= "${min}" %> characters. | invalid-username-min-length |
The username has invalid characters. | invalid-username-invalid-characters |
The username cannot be an email. | invalid-username-email-not-allowed |
The username provided is in use already. | username-taken |
Something went wrong, please try again later. | custom-script-error-code |
Something went wrong, please try again later | auth0-users-validation |
Invalid connection | invalid-connection |
We have detected suspicious login behavior and further attempts will be blocked. Please contact the administrator. | ip-blocked |
Too many signups from the same IP | ip-signup-blocked |
Invalid connection | no-db-connection |
Please enter an email address | no-email |
Password is required | no-password |
Enter a new password. | no-password-reset |
New password confirmation is missing | no-re-enter-password |
Username is required | no-username |
Enter a valid phone number | invalid-phone-number |
This combination of credentials was detected in a public data breach on another website. Before your account is created, please use a different password to keep it secure. | password-breached |
We encountered an issue when attempting to sign up with a phone number. Please contact support for assistance. | invalid-phone-attribute-config |
Custom query parameters
You can also use query parameters within the context by passing them to the /authorize
endpoint when initiating the authentication request. These custom query parameters must have the ext-
prefix.
The following example uses the ext-ga
and ext-test
query parameters to the login page template:
<!DOCTYPE html>
<html>
<head>
{%- auth0:head -%}
</head>
<body>
{%- auth0:widget -%}
</body>
<pre style='background: wheat'>
<b>Value of the ext-ga parameter:</b>{{ transaction.params.ext-ga }}
<b>Value of the ext-test parameter:</b>{{ transaction.params.ext-test }}
</pre>
</html>
Was this helpful?
Custom query parameters have the following limitations:
Each
ext-
parameter name must be uniqueOne authorize request can can contain a maximum of ten ext- parameters
The
ext-
parameter name must start with ext-, contain only [a-zA-z0-9_-], and be a maximum of 28 characters, as in the following:/^ext-[\w-]{1,28}$/
The
ext-
parameter value must contain only [a-zA-Z0-9-.*~@+ /:], and be a maximum of 255 characters, as in the following:/^[-\w.*~@+ /:]{1,255}$/
Custom signup prompts
If you use custom signup prompts, you must enable custom page templates. The following is the minimum template that allows custom signup prompts to render:
<!DOCTYPE html>
<html>
<head>
{%- auth0:head -%}
<style>
body._widget-auto-layout {
--page-background-image: url('https://REPLACE/WITH/YOUR/BACKGROUND/IMAGE.png');
background-color: var(--page-background-color);
background-image: var(--page-background-image);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
</style>
<title>{{ prompt.screen.texts.pageTitle }}</title>
</head>
<body class="_widget-auto-layout">
{%- auth0:widget -%}
</body>
</html>
Was this helpful?
To learn more, review Customize Signup and Login Prompts.
Examples
Login box + image layout
The following template will show the login box to the left, and an image to the right only for the login/signup pages. The rest of the pages will look like the default ones.
<!DOCTYPE html>
<html lang="{{locale}}">
<head>
{%- auth0:head -%}
<style>
body {
background-image: url("https://images.unsplash.com/photo-1592450865877-e3a318ec3522?ixlib=rb-1.2.1&auto=format&fit=crop&w=2255&q=80");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.prompt-wrapper {
position: relative;
display: flex;
align-items: center;
width: 480px;
height: 100%;
justify-content: center;
background-color: rgb(60,60,60);
}
</style>
<title>{{ prompt.screen.texts.pageTitle }}</title>
</head>
<body class="_widget-auto-layout">
{% if prompt.name == "login" or prompt.name == "signup" %}
<div class="prompt-wrapper">
{%- auth0:widget -%}
</div>
{% else %}
{%- auth0:widget -%}
{% endif %}
</body>
</html>
Was this helpful?
Page footers
The example below adds a gray footer with links to Privacy Policy and Terms of Services:
<!DOCTYPE html><html lang="{{locale}}">
<head>
{%- auth0:head -%}
<style>
body {
background-image: radial-gradient(white, rgb(200, 200, 200));
}
.footer {
background-color: rgb(120, 120, 120);
position: absolute;
bottom: 0;
left: 0;
padding: 16px 0;
width: 100%;
color: white;
/* Use a high z-index for future-proofing */
z-index: 10;
}
.footer ul {
text-align: center;
}
.footer ul li {
display: inline-block;
margin: 0 4px;
}
.footer ul li:not(:first-of-type) {
margin-left: 0;
}
.footer ul li:not(:first-of-type)::before {
content: '';
display: inline-block;
vertical-align: middle;
width: 4px;
height: 4px;
margin-right: 4px;
background-color: white;
border-radius: 50%;
}
.footer a {
color: white;
}
</style>
<title>{{ prompt.screen.texts.pageTitle }}</title>
</head>
<body class="_widget-auto-layout">
{%- auth0:widget -%}
<footer class="footer">
<ul>
<li><a href="https://company.com/privacy">Privacy Policy</a></li>
<li><a href="https://company.com/terms">Terms of Service</a></li>
</ul>
</footer>
</body></html>
Was this helpful?
Page templates API
To set the page template, you need to use the Management API. You first need to get a Management API token with the update:branding
, read:branding
, delete:branding
scopes. If you are using the API Explorer Application
to generate tokens, make sure those scopes are enabled for the Auth0 Management API
.
To set the template, you need to use the following endpoint:
curl --request PUT \
--url 'https://{yourDomain}/api/v2/branding/templates/universal-login' \
--header 'authorization: Bearer MGMT_API_ACCESS_TOKEN' \
--header 'content-type: text/html' \
--data '<!DOCTYPE html><html><head>{%- auth0:head -%}</head><body>{%- auth0:widget -%}</body></html>'
Was this helpful?
var client = new RestClient("https://{yourDomain}/api/v2/branding/templates/universal-login");
var request = new RestRequest(Method.PUT);
request.AddHeader("authorization", "Bearer MGMT_API_ACCESS_TOKEN");
request.AddHeader("content-type", "text/html");
request.AddParameter("text/html", "<!DOCTYPE html><html><head>{%- auth0:head -%}</head><body>{%- auth0:widget -%}</body></html>", ParameterType.RequestBody);
IRestResponse response = client.Execute(request);
Was this helpful?
package main
import (
"fmt"
"strings"
"net/http"
"io/ioutil"
)
func main() {
url := "https://{yourDomain}/api/v2/branding/templates/universal-login"
payload := strings.NewReader("<!DOCTYPE html><html><head>{%- auth0:head -%}</head><body>{%- auth0:widget -%}</body></html>")
req, _ := http.NewRequest("PUT", url, payload)
req.Header.Add("authorization", "Bearer MGMT_API_ACCESS_TOKEN")
req.Header.Add("content-type", "text/html")
res, _ := http.DefaultClient.Do(req)
defer res.Body.Close()
body, _ := ioutil.ReadAll(res.Body)
fmt.Println(res)
fmt.Println(string(body))
}
Was this helpful?
HttpResponse<String> response = Unirest.put("https://{yourDomain}/api/v2/branding/templates/universal-login")
.header("authorization", "Bearer MGMT_API_ACCESS_TOKEN")
.header("content-type", "text/html")
.body("<!DOCTYPE html><html><head>{%- auth0:head -%}</head><body>{%- auth0:widget -%}</body></html>")
.asString();
Was this helpful?
var axios = require("axios").default;
var options = {
method: 'PUT',
url: 'https://{yourDomain}/api/v2/branding/templates/universal-login',
headers: {authorization: 'Bearer MGMT_API_ACCESS_TOKEN', 'content-type': 'text/html'},
data: '<!DOCTYPE html><html><head>{%- auth0:head -%}</head><body>{%- auth0:widget -%}</body></html>'
};
axios.request(options).then(function (response) {
console.log(response.data);
}).catch(function (error) {
console.error(error);
});
Was this helpful?
#import <Foundation/Foundation.h>
NSDictionary *headers = @{ @"authorization": @"Bearer MGMT_API_ACCESS_TOKEN",
@"content-type": @"text/html" };
NSData *postData = [[NSData alloc] initWithData:[@"<!DOCTYPE html><html><head>{%- auth0:head -%}</head><body>{%- auth0:widget -%}</body></html>" dataUsingEncoding:NSUTF8StringEncoding]];
NSMutableURLRequest *request = [NSMutableURLRequest requestWithURL:[NSURL URLWithString:@"https://{yourDomain}/api/v2/branding/templates/universal-login"]
cachePolicy:NSURLRequestUseProtocolCachePolicy
timeoutInterval:10.0];
[request setHTTPMethod:@"PUT"];
[request setAllHTTPHeaderFields:headers];
[request setHTTPBody:postData];
NSURLSession *session = [NSURLSession sharedSession];
NSURLSessionDataTask *dataTask = [session dataTaskWithRequest:request
completionHandler:^(NSData *data, NSURLResponse *response, NSError *error) {
if (error) {
NSLog(@"%@", error);
} else {
NSHTTPURLResponse *httpResponse = (NSHTTPURLResponse *) response;
NSLog(@"%@", httpResponse);
}
}];
[dataTask resume];
Was this helpful?
$curl = curl_init();
curl_setopt_array($curl, [
CURLOPT_URL => "https://{yourDomain}/api/v2/branding/templates/universal-login",
CURLOPT_RETURNTRANSFER => true,
CURLOPT_ENCODING => "",
CURLOPT_MAXREDIRS => 10,
CURLOPT_TIMEOUT => 30,
CURLOPT_HTTP_VERSION => CURL_HTTP_VERSION_1_1,
CURLOPT_CUSTOMREQUEST => "PUT",
CURLOPT_POSTFIELDS => "<!DOCTYPE html><html><head>{%- auth0:head -%}</head><body>{%- auth0:widget -%}</body></html>",
CURLOPT_HTTPHEADER => [
"authorization: Bearer MGMT_API_ACCESS_TOKEN",
"content-type: text/html"
],
]);
$response = curl_exec($curl);
$err = curl_error($curl);
curl_close($curl);
if ($err) {
echo "cURL Error #:" . $err;
} else {
echo $response;
}
Was this helpful?
import http.client
conn = http.client.HTTPSConnection("")
payload = "<!DOCTYPE html><html><head>{%- auth0:head -%}</head><body>{%- auth0:widget -%}</body></html>"
headers = {
'authorization': "Bearer MGMT_API_ACCESS_TOKEN",
'content-type': "text/html"
}
conn.request("PUT", "/{yourDomain}/api/v2/branding/templates/universal-login", payload, headers)
res = conn.getresponse()
data = res.read()
print(data.decode("utf-8"))
Was this helpful?
require 'uri'
require 'net/http'
require 'openssl'
url = URI("https://{yourDomain}/api/v2/branding/templates/universal-login")
http = Net::HTTP.new(url.host, url.port)
http.use_ssl = true
http.verify_mode = OpenSSL::SSL::VERIFY_NONE
request = Net::HTTP::Put.new(url)
request["authorization"] = 'Bearer MGMT_API_ACCESS_TOKEN'
request["content-type"] = 'text/html'
request.body = "<!DOCTYPE html><html><head>{%- auth0:head -%}</head><body>{%- auth0:widget -%}</body></html>"
response = http.request(request)
puts response.read_body
Was this helpful?
import Foundation
let headers = [
"authorization": "Bearer MGMT_API_ACCESS_TOKEN",
"content-type": "text/html"
]
let postData = NSData(data: "<!DOCTYPE html><html><head>{%- auth0:head -%}</head><body>{%- auth0:widget -%}</body></html>".data(using: String.Encoding.utf8)!)
let request = NSMutableURLRequest(url: NSURL(string: "https://{yourDomain}/api/v2/branding/templates/universal-login")! as URL,
cachePolicy: .useProtocolCachePolicy,
timeoutInterval: 10.0)
request.httpMethod = "PUT"
request.allHTTPHeaderFields = headers
request.httpBody = postData as Data
let session = URLSession.shared
let dataTask = session.dataTask(with: request as URLRequest, completionHandler: { (data, response, error) -> Void in
if (error != nil) {
print(error)
} else {
let httpResponse = response as? HTTPURLResponse
print(httpResponse)
}
})
dataTask.resume()
Was this helpful?
To retrieve the template, you need to use the following endpoint:
curl --request GET \
--url 'https://{yourDomain}/api/v2/branding/templates/universal-login' \
--header 'authorization: Bearer MGMT_API_ACCESS_TOKEN'
Was this helpful?
var client = new RestClient("https://{yourDomain}/api/v2/branding/templates/universal-login");
var request = new RestRequest(Method.GET);
request.AddHeader("authorization", "Bearer MGMT_API_ACCESS_TOKEN");
IRestResponse response = client.Execute(request);
Was this helpful?
package main
import (
"fmt"
"net/http"
"io/ioutil"
)
func main() {
url := "https://{yourDomain}/api/v2/branding/templates/universal-login"
req, _ := http.NewRequest("GET", url, nil)
req.Header.Add("authorization", "Bearer MGMT_API_ACCESS_TOKEN")
res, _ := http.DefaultClient.Do(req)
defer res.Body.Close()
body, _ := ioutil.ReadAll(res.Body)
fmt.Println(res)
fmt.Println(string(body))
}
Was this helpful?
HttpResponse<String> response = Unirest.get("https://{yourDomain}/api/v2/branding/templates/universal-login")
.header("authorization", "Bearer MGMT_API_ACCESS_TOKEN")
.asString();
Was this helpful?
var axios = require("axios").default;
var options = {
method: 'GET',
url: 'https://{yourDomain}/api/v2/branding/templates/universal-login',
headers: {authorization: 'Bearer MGMT_API_ACCESS_TOKEN'}
};
axios.request(options).then(function (response) {
console.log(response.data);
}).catch(function (error) {
console.error(error);
});
Was this helpful?
#import <Foundation/Foundation.h>
NSDictionary *headers = @{ @"authorization": @"Bearer MGMT_API_ACCESS_TOKEN" };
NSMutableURLRequest *request = [NSMutableURLRequest requestWithURL:[NSURL URLWithString:@"https://{yourDomain}/api/v2/branding/templates/universal-login"]
cachePolicy:NSURLRequestUseProtocolCachePolicy
timeoutInterval:10.0];
[request setHTTPMethod:@"GET"];
[request setAllHTTPHeaderFields:headers];
NSURLSession *session = [NSURLSession sharedSession];
NSURLSessionDataTask *dataTask = [session dataTaskWithRequest:request
completionHandler:^(NSData *data, NSURLResponse *response, NSError *error) {
if (error) {
NSLog(@"%@", error);
} else {
NSHTTPURLResponse *httpResponse = (NSHTTPURLResponse *) response;
NSLog(@"%@", httpResponse);
}
}];
[dataTask resume];
Was this helpful?
$curl = curl_init();
curl_setopt_array($curl, [
CURLOPT_URL => "https://{yourDomain}/api/v2/branding/templates/universal-login",
CURLOPT_RETURNTRANSFER => true,
CURLOPT_ENCODING => "",
CURLOPT_MAXREDIRS => 10,
CURLOPT_TIMEOUT => 30,
CURLOPT_HTTP_VERSION => CURL_HTTP_VERSION_1_1,
CURLOPT_CUSTOMREQUEST => "GET",
CURLOPT_HTTPHEADER => [
"authorization: Bearer MGMT_API_ACCESS_TOKEN"
],
]);
$response = curl_exec($curl);
$err = curl_error($curl);
curl_close($curl);
if ($err) {
echo "cURL Error #:" . $err;
} else {
echo $response;
}
Was this helpful?
import http.client
conn = http.client.HTTPSConnection("")
headers = { 'authorization': "Bearer MGMT_API_ACCESS_TOKEN" }
conn.request("GET", "/{yourDomain}/api/v2/branding/templates/universal-login", headers=headers)
res = conn.getresponse()
data = res.read()
print(data.decode("utf-8"))
Was this helpful?
require 'uri'
require 'net/http'
require 'openssl'
url = URI("https://{yourDomain}/api/v2/branding/templates/universal-login")
http = Net::HTTP.new(url.host, url.port)
http.use_ssl = true
http.verify_mode = OpenSSL::SSL::VERIFY_NONE
request = Net::HTTP::Get.new(url)
request["authorization"] = 'Bearer MGMT_API_ACCESS_TOKEN'
response = http.request(request)
puts response.read_body
Was this helpful?
import Foundation
let headers = ["authorization": "Bearer MGMT_API_ACCESS_TOKEN"]
let request = NSMutableURLRequest(url: NSURL(string: "https://{yourDomain}/api/v2/branding/templates/universal-login")! as URL,
cachePolicy: .useProtocolCachePolicy,
timeoutInterval: 10.0)
request.httpMethod = "GET"
request.allHTTPHeaderFields = headers
let session = URLSession.shared
let dataTask = session.dataTask(with: request as URLRequest, completionHandler: { (data, response, error) -> Void in
if (error != nil) {
print(error)
} else {
let httpResponse = response as? HTTPURLResponse
print(httpResponse)
}
})
dataTask.resume()
Was this helpful?
To delete the template, you need to use the following endpoint:
curl --request DELETE \
--url 'https://{yourDomain}/api/v2/branding/templates/universal-login' \
--header 'authorization: Bearer MGMT_API_ACCESS_TOKEN'
Was this helpful?
var client = new RestClient("https://{yourDomain}/api/v2/branding/templates/universal-login");
var request = new RestRequest(Method.DELETE);
request.AddHeader("authorization", "Bearer MGMT_API_ACCESS_TOKEN");
IRestResponse response = client.Execute(request);
Was this helpful?
package main
import (
"fmt"
"net/http"
"io/ioutil"
)
func main() {
url := "https://{yourDomain}/api/v2/branding/templates/universal-login"
req, _ := http.NewRequest("DELETE", url, nil)
req.Header.Add("authorization", "Bearer MGMT_API_ACCESS_TOKEN")
res, _ := http.DefaultClient.Do(req)
defer res.Body.Close()
body, _ := ioutil.ReadAll(res.Body)
fmt.Println(res)
fmt.Println(string(body))
}
Was this helpful?
HttpResponse<String> response = Unirest.delete("https://{yourDomain}/api/v2/branding/templates/universal-login")
.header("authorization", "Bearer MGMT_API_ACCESS_TOKEN")
.asString();
Was this helpful?
var axios = require("axios").default;
var options = {
method: 'DELETE',
url: 'https://{yourDomain}/api/v2/branding/templates/universal-login',
headers: {authorization: 'Bearer MGMT_API_ACCESS_TOKEN'}
};
axios.request(options).then(function (response) {
console.log(response.data);
}).catch(function (error) {
console.error(error);
});
Was this helpful?
#import <Foundation/Foundation.h>
NSDictionary *headers = @{ @"authorization": @"Bearer MGMT_API_ACCESS_TOKEN" };
NSMutableURLRequest *request = [NSMutableURLRequest requestWithURL:[NSURL URLWithString:@"https://{yourDomain}/api/v2/branding/templates/universal-login"]
cachePolicy:NSURLRequestUseProtocolCachePolicy
timeoutInterval:10.0];
[request setHTTPMethod:@"DELETE"];
[request setAllHTTPHeaderFields:headers];
NSURLSession *session = [NSURLSession sharedSession];
NSURLSessionDataTask *dataTask = [session dataTaskWithRequest:request
completionHandler:^(NSData *data, NSURLResponse *response, NSError *error) {
if (error) {
NSLog(@"%@", error);
} else {
NSHTTPURLResponse *httpResponse = (NSHTTPURLResponse *) response;
NSLog(@"%@", httpResponse);
}
}];
[dataTask resume];
Was this helpful?
$curl = curl_init();
curl_setopt_array($curl, [
CURLOPT_URL => "https://{yourDomain}/api/v2/branding/templates/universal-login",
CURLOPT_RETURNTRANSFER => true,
CURLOPT_ENCODING => "",
CURLOPT_MAXREDIRS => 10,
CURLOPT_TIMEOUT => 30,
CURLOPT_HTTP_VERSION => CURL_HTTP_VERSION_1_1,
CURLOPT_CUSTOMREQUEST => "DELETE",
CURLOPT_HTTPHEADER => [
"authorization: Bearer MGMT_API_ACCESS_TOKEN"
],
]);
$response = curl_exec($curl);
$err = curl_error($curl);
curl_close($curl);
if ($err) {
echo "cURL Error #:" . $err;
} else {
echo $response;
}
Was this helpful?
import http.client
conn = http.client.HTTPSConnection("")
headers = { 'authorization': "Bearer MGMT_API_ACCESS_TOKEN" }
conn.request("DELETE", "/{yourDomain}/api/v2/branding/templates/universal-login", headers=headers)
res = conn.getresponse()
data = res.read()
print(data.decode("utf-8"))
Was this helpful?
require 'uri'
require 'net/http'
require 'openssl'
url = URI("https://{yourDomain}/api/v2/branding/templates/universal-login")
http = Net::HTTP.new(url.host, url.port)
http.use_ssl = true
http.verify_mode = OpenSSL::SSL::VERIFY_NONE
request = Net::HTTP::Delete.new(url)
request["authorization"] = 'Bearer MGMT_API_ACCESS_TOKEN'
response = http.request(request)
puts response.read_body
Was this helpful?
import Foundation
let headers = ["authorization": "Bearer MGMT_API_ACCESS_TOKEN"]
let request = NSMutableURLRequest(url: NSURL(string: "https://{yourDomain}/api/v2/branding/templates/universal-login")! as URL,
cachePolicy: .useProtocolCachePolicy,
timeoutInterval: 10.0)
request.httpMethod = "DELETE"
request.allHTTPHeaderFields = headers
let session = URLSession.shared
let dataTask = session.dataTask(with: request as URLRequest, completionHandler: { (data, response, error) -> Void in
if (error != nil) {
print(error)
} else {
let httpResponse = response as? HTTPURLResponse
print(httpResponse)
}
})
dataTask.resume()
Was this helpful?
The maximum size for the Page Template is 100KB. If that is not big enough, consider moving images/css files outside of the Page Template code.
CSS customization
There are a few things that you can customize using CSS:
You can resize the login prompt by enclosing the variables below in
<style>
tags in the<head>
element.Use
--prompt-width
to adjust the container width. Its default value is 400px.For Forms: Use
--form-max-width
to set the maximum form width. Its default value is 500px.To apply your code to the Form page only, include
{% if prompt.name == "custom-form" %} in the <head> element
.
You can hide the tenant logo by adding
class="_hide-prompt-logo"
in the<body>
element.You can specify a custom logo by adding
class="_use-custom-prompt-logo"
in the<body>
element. This would let you, for example, change the login page logo depending on the application:
<!DOCTYPE html>
<html lang="{{locale}}">
<head>
<title>Welcome to {{ application.name }} </title>
{%- auth0:head -%}
<style>
:root {
--prompt-width: 800px;
}
{% if application.name == "Auth0 Community" %}
#custom-prompt-logo {
background-image: url('https://cdn.auth0.com/manhattan/versions/1.3312.0/assets/badge.png');
}
{% elsif application.name == "Auth0 Dashboard" %}
#custom-prompt-logo {
background-image: url('https://cdn.auth0.com/blog/auth0rta/theme/logos/auth0-logo-black.png');
}
{% endif %}
</style>
</head>
<body class="_widget-auto-layout _use-custom-prompt-logo">
{%- auth0:widget -%}
</body>
</html>
Was this helpful?
The current implementation does not support further CSS customization. If you look at the HTML that is generated, you will see code like:
.c10d15918.c7b3b8672 {
background: #D00E17;
}
Was this helpful?
Using the Auth0 CLI
You can use the Auth0 CLI to easily update Page Templates.
In the Auth0 CLI, run:
auth0 universal-login customize
The Auth0 CLI will open two windows:
A browser window with a Storybook that shows the login page with the page template applied:
The default editor, with the page template code:
You can now change the page template code, and you will be able to preview the changes in your browser window.
Once you close the window, you’ll be asked if you want to save the template. If you answer Yes, the template will be uploaded to your tenant.
Troubleshooting
If the template is not being applied, verify that you're navigating to {customDomain}/authorize
. If you're navigating to {yourDomain}/authorize
, Auth0 will not render the page template.