Brand: Signup and Login Pages
In this video, we'll look at how you can set up Universal Login.
Was this video helpful?
Video transcript
Introduction
In this video, we'll look at how you can setup Universal Login.
In the Dashboard, you can see the settings for your login page by navigating to Universal Login and looking at the Settings tab.
Settings
The settings available here are Logo, Primary Color, and Background Color. These settings once changed, will take effect on all pages where you have not enabled customization of the pages' code. Note that the settings will also work if you have enabled customization but assume you are using predefined templates and have not changed those options in the code.
- Add the URL to your logo image.
- Select a primary color.
- Select a background color.
Customize login pages
Now we’ll move to the Login tab and enable the login page customization.
Click the Login tab and toggle Customize Login Page.
Note that when the customization toggle is flipped on, irrespective of the page you are customizing, you then become responsible for updates and maintenance of that page; it can no longer be automatically updated by Auth0. This includes updating the version numbers for any included Auth0 SDK or widget.
If you have enabled customization to inspect the page code, and then decide not to customize your login page, you should make sure to disable the customize page—in this case the Customize Login Page—toggle, so Auth0 will render the default page. You can also use version control software to manage the source code of your pages. To do so, you can use an Auth0-provided extension that works with the version control system you're using, like GitHub for example.
You should also exercise caution regarding the use of third-party JavaScript on your pages—particularly the Login Page—since sensitive security-related information often flows through pages and the introduction of cross-site scripting or XSS vulnerabilities can be a concern.
Summary
In the next video, we’ll talk about how to customize emails and error pages, and in a future video, we’ll talk about customizing the Guardian multi-factor authentication page too.
Up next
-
5:42
Brand: Emails and Error Pages
How to use email templates and customize error pages.
-
8:12
Logout
How to configure different kinds of user logout behavior using callback URLs.
Previous videos
-
8:33
Architect: Your Tenant
What an Auth0 tenant is and how to configure it in the Auth0 Dashboard.
-
2:14
Provision: User Stores
How user profiles are provisioned within an Auth0 tenant.
-
10:00
Provision: Import Users
How to move existing users to an Auth0 user store using automatic migration, bulk migration, or both.
-
5:57
Authenticate: How It Works
How user authentication works and various ways to accomplish it with Auth0.
-
7:01
Authenticate: SPA Example
An example using the Auth0 Quickstart for a SPA implementation with Auth0 Universal Login.
-
3:18
Authorize: ID Tokens and Access Control
What an ID Token is and how you can add custom claims to make access control decisions for your users.
-
6:02
Authorize: Get and Validate ID Tokens
How to get and validate ID Tokens before storing and using them.
-
8:59
User Profiles
What user profiles are, what they contain, and how you can use them to manage users.
-
4:00
Brand: How It Works
Why your branding is important for your users and how it works with Auth0.