Browser Tab Not Showing the Title Configured When Using Auth0 Universal Login

Overview

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.

Applies To
  • Custom Page Templates
  • Universal Login
  • Page Title
Cause

The page template lacks the lang attribute in the HTML tag or the explicit <title> tag in the header section.

Solution

To ensure the page title attribute displays correctly, modify the Universal Login page template to include the language attribute and the title tag.

  1. Add the lang attribute to the <html> tag at the top of the template.
    <html lang="{{ lang }}">
  2. Add the <title> tag explicitly within the <head> section.
    <title>{{ prompt.screen.texts.pageTitle }}</title>
  3. 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.

Recommended content

No recommended content found...