Browser Tab Not Showing the Title Configured When Using Auth0 Universal Login
When using Auth0 Universal Login, the configured page title text fails to display in the browser tab. This issue occurs when the page template lacks the required language attribute or explicit title tag. Resolve this by adding the language attribute to the HTML tag and inserting the title tag directly into the header section of the page template.
- Custom Page Templates
- Universal Login
- Page Title
The page template lacks the lang attribute in the HTML tag or the explicit <title> tag in the header section.
To ensure the page title attribute displays correctly, modify the Universal Login page template to include the language attribute and the title tag.
- Add the
langattribute to the<html>tag at the top of the template.<html lang="{{ lang }}"> - Add the
<title>tag explicitly within the<head>section.<title>{{ prompt.screen.texts.pageTitle }}</title> - Review the following complete HTML template example to verify the correct placement of the tags.
<!DOCTYPE html> <html lang="{{ lang }}"> <head> {%- auth0:head -%} <title>{{ prompt.screen.texts.pageTitle }}</title> </head> <body> {%- auth0:widget -%} </body> </html>
NOTE: The page templates only function with a custom domain.