Different Favicon for Each Organization

Knowledge Articles
1

Overview

This article explains how to configure a different favicon for each Organization with Universal Login.

Applies To

  • Organizations
  • Branding

Solution

  1. In the Organization Settings in the Dashboard for each Organization, add an Organization metadata item called favicon that points to the desired favicon URL.
  2. Configure a Page Template like the following:
<!DOCTYPE html><html>
<head>
    {%- auth0:head -%}
<link rel="shortcut icon" type="image/png" href="{{organization.metadata.favicon}}">
</head>
<body class="_widget-auto-layout" >
    {%- auth0:widget -%}
</body>
</html>