# How to add CSS/HTML/JS to the New Universal login page

**URL:** <https://community.auth0.com/t/how-to-add-css-html-js-to-the-new-universal-login-page/117862>\
**Category:** Get Help\
**Tags:** login-experience, new-universal-login-experience\
**Created:** [October 5, 2023, 8:01am UTC](https://community.auth0.com/t/how-to-add-css-html-js-to-the-new-universal-login-page/117862 "2023-10-05T08:01:56Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![tetiana.b](https://upload.wikimedia.org/wikipedia/commons/thumb/7/7c/User_font_awesome.svg/768px-User_font_awesome.svg.png) [@tetiana.b](https://community.auth0.com/u/tetiana.b)\
**Post date:** [October 5, 2023, 8:01am UTC](https://community.auth0.com/t/how-to-add-css-html-js-to-the-new-universal-login-page/117862/1 "2023-10-05T08:01:56Z")

</div>

Hi,

Option 1 (desired). We’re trying to add the chat to the New Universal login page. The chat consists of some HTML content styled with CSS and an external JS script that generates a feedback form.

 ![1111](https://global.discourse-cdn.com/auth0/original/3X/a/e/ae8bf6aa40637604a121631f0d35c8c65fafacfb.png)

Now we can add CSS/HTML/js by applying the Customize Login Page to the template. As a result, this chat appears but the Forgot Password is missing in this template and the Sign up button doesn’t work.

Option 2. If it’s not possible to add Chat to the login page, then we may need to enable the Custom Error Page feature in Auth0 to send the user to a page that we can control. That page can contain additional FAQs to help them understand why they can’t log in.

How can we implement the options above?

Thanks!

---

<div class="post-metadata">

**Author:** ![dan.woda](https://sea1.discourse-cdn.com/auth0/user_avatar/community.auth0.com/dan.woda/32/18340_2.png) [@dan.woda](https://community.auth0.com/u/dan.woda)\
**Post date:** [October 10, 2023, 4:02pm UTC](https://community.auth0.com/t/how-to-add-css-html-js-to-the-new-universal-login-page/117862/3 "2023-10-10T16:02:57Z")

</div>

Hi @tetiana.b,

Welcome to the Auth0 Community!

Have you looked into using page templates to accomplish this? Page templates allow you to customize the HTML outside of the login prompt (i.e. background, header, footer, etc.).

[https://auth0.com/docs/customize/universal-login-pages/universal-login-page-templates](https://auth0.com/docs/customize/universal-login-pages/universal-login-page-templates)

---

<div class="post-metadata">

**Author:** ![tetiana.b](https://upload.wikimedia.org/wikipedia/commons/thumb/7/7c/User_font_awesome.svg/768px-User_font_awesome.svg.png) [@tetiana.b](https://community.auth0.com/u/tetiana.b)\
**Post date:** [October 11, 2023, 7:06am UTC](https://community.auth0.com/t/how-to-add-css-html-js-to-the-new-universal-login-page/117862/4 "2023-10-11T07:06:51Z")

</div>

Hi @dan.woda  
Thanks for your reply. We’ve investigated your link. Auth0 recommends customizing the New Universal Login pages by providing a page template using the Liquid template language. They say that we can update the ULP templates **only** using the Management API. This capability can only be used if the tenant has Custom Domains enabled. But this is possible only within the paid tariff plan.

1. Is this option the only one for adding our html/css to the Universal Login Page?
2. Will using Custom Domains allow keeping existing styling and development? Can this break our previous customization?

---

<div class="post-metadata">

**Author:** ![dan.woda](https://sea1.discourse-cdn.com/auth0/user_avatar/community.auth0.com/dan.woda/32/18340_2.png) [@dan.woda](https://community.auth0.com/u/dan.woda)\
**Post date:** [October 11, 2023, 12:41pm UTC](https://community.auth0.com/t/how-to-add-css-html-js-to-the-new-universal-login-page/117862/5 "2023-10-11T12:41:13Z")

</div>

> [@tetiana.b](#):
>
> Is this option the only one for adding our html/css to the Universal Login Page?

Yes, custom domains is required for use with Page templates. Page templates are the mechanism for customizing html/CSS around the new universal login prompts.

> [@tetiana.b](#):
>
> Will using Custom Domains allow keeping existing styling and development? Can this break our previous customization?

Yes, you can add the custom domain without losing existing styling. There may be some additional configuration required, depending on which features you are using. Please see our docs for more info:

> **[Custom Domains](https://auth0.com/docs/customize/custom-domains)**
>
> Understand how a custom domain (CNAME or vanity URL) can help you unify your brand and show continuity to your users.

---

<div class="post-metadata">

**Author:** ![system](https://global.discourse-cdn.com/auth0/original/3X/b/5/b560f266932fcce5d57f09a6595bd50518cae3f3.jpeg) [@system](https://community.auth0.com/u/system)\
**Post date:** [October 25, 2023, 12:42pm UTC](https://community.auth0.com/t/how-to-add-css-html-js-to-the-new-universal-login-page/117862/6 "2023-10-25T12:42:01Z")

</div>

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.
