# Customize login screen without going live with the changes

**URL:** <https://community.auth0.com/t/customize-login-screen-without-going-live-with-the-changes/115153>\
**Category:** Get Help\
**Tags:** login-experience, new-universal-login-experience\
**Created:** [August 31, 2023, 7:14pm UTC](https://community.auth0.com/t/customize-login-screen-without-going-live-with-the-changes/115153 "2023-08-31T19:14:59Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![will6](https://upload.wikimedia.org/wikipedia/commons/thumb/7/7c/User_font_awesome.svg/768px-User_font_awesome.svg.png) [@will6](https://community.auth0.com/u/will6)\
**Post date:** [August 31, 2023, 7:14pm UTC](https://community.auth0.com/t/customize-login-screen-without-going-live-with-the-changes/115153/1 "2023-08-31T19:14:59Z")

</div>

I am trying to add a simple footer to the New Universal Login screen. It seems like to do that I have to write some custom HTML. Which is fine, I can do that. Following along this guide here: [https://auth0.com/docs/customize/universal-login-pages/universal-login-page-templates](https://auth0.com/docs/customize/universal-login-pages/universal-login-page-templates)

What seems crazy is that the minute I click on the toggle to “Customize Login Page”, the custom HTML is immediately live to my customers. But if I don’t click on the toggle, I can’t edit the HTML and preview what it will look like. How am I supposed to get the custom code right if I can’t test in a preview environment? It’s untenable to turn off my current login flow while I’m working on this.

Any advice?

---

<div class="post-metadata">

**Author:** ![rueben.tiow](https://sea1.discourse-cdn.com/auth0/user_avatar/community.auth0.com/rueben.tiow/32/11646_2.png) [@rueben.tiow](https://community.auth0.com/u/rueben.tiow)\
**Post date:** [August 31, 2023, 11:25pm UTC](https://community.auth0.com/t/customize-login-screen-without-going-live-with-the-changes/115153/3 "2023-08-31T23:25:08Z")

</div>

Hi @will6,

Welcome to the Auth0 Community!

First, let me clarify that when you enable the “Customize Login Page” toggle, you should see a warning banner telling you that it will override the New Universal Login experience with the Classic Universal Login experience.

 ![image](https://global.discourse-cdn.com/auth0/original/3X/a/5/a5f3efc82379d0285846dd853954e03eacd14b03.png)

Therefore, if you would like to make changes to the New Universal Login screen, you must not toggle on the “Customize Login Page” and customize the HTML page using the [Page templates API](https://auth0.com/docs/customize/universal-login-pages/universal-login-page-templates#page-templates-api).

Finally, I recommend creating another tenant for testing the New Universal Login pages so that it does not interfere with your production tenant. This would be the best way to preview the page without any impact.

Thanks,  
Rueben

---

<div class="post-metadata">

**Author:** ![will6](https://upload.wikimedia.org/wikipedia/commons/thumb/7/7c/User_font_awesome.svg/768px-User_font_awesome.svg.png) [@will6](https://community.auth0.com/u/will6)\
**Post date:** [August 31, 2023, 11:33pm UTC](https://community.auth0.com/t/customize-login-screen-without-going-live-with-the-changes/115153/4 "2023-08-31T23:33:43Z")

</div>

With every other type of change to my universal login page I can preview the change before I save it. That lets me see what I’m about to change before hitting save. However, the “Customize Login Page” doesn’t act this way, which is frustrating.

I don’t want to have to setup another tenant to preview these changes. Frustrating that that seems to be my only option here.

And even if I do setup another tenant, there’s no way to avoid outages on my production tenant. Because once I click the toggle, it is live immediately. I can have a short outage by quickly copying my desired code into the customize page, but it is still an outage and that’s frustrating as an app owner.

---

<div class="post-metadata">

**Author:** ![will6](https://upload.wikimedia.org/wikipedia/commons/thumb/7/7c/User_font_awesome.svg/768px-User_font_awesome.svg.png) [@will6](https://community.auth0.com/u/will6)\
**Post date:** [August 31, 2023, 11:36pm UTC](https://community.auth0.com/t/customize-login-screen-without-going-live-with-the-changes/115153/5 "2023-08-31T23:36:05Z")

</div>

Wait, so reading this again, this is even crazier. You don’t have a way to update the New Universal Login from the site?? I exclusively have to use the API?

---

<div class="post-metadata">

**Author:** ![rueben.tiow](https://sea1.discourse-cdn.com/auth0/user_avatar/community.auth0.com/rueben.tiow/32/11646_2.png) [@rueben.tiow](https://community.auth0.com/u/rueben.tiow)\
**Post date:** [September 1, 2023, 4:17pm UTC](https://community.auth0.com/t/customize-login-screen-without-going-live-with-the-changes/115153/6 "2023-09-01T16:17:51Z")

</div>

Hi @will6,

Thanks for following up.

Let me clarify that there are 2 options for using the Universal login experience, namely:

1. The New Universal Login Experience
2. The Classic Universal Login Experience.

To use the New Universal Login experience, you must disable the **Customize Login Page** as it is meant only for the Classic Universal Login experience.

Just to reiterate, if you enable this switch, you will override your New Universal Login experience with the Classic Universal Login experience.

See [New Universal Login vs. Classic Universal Login](https://auth0.com/docs/authenticate/login/auth0-universal-login/new-universal-login-vs-classic-universal-login).

From what I gathered from your tenant, you have configured the New Universal Login experience, which you can edit either with the Pages Templates API as mentioned before, or with the [No-Code editor](https://auth0.com/docs/customize/universal-login-pages/customize-new-universal-login-with-the-no-code-editor) on the Dashboard.

Using the No-Code editor will let you preview these changes before deploying it live.

Thanks,  
Rueben

---

<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:** [September 15, 2023, 4:18pm UTC](https://community.auth0.com/t/customize-login-screen-without-going-live-with-the-changes/115153/7 "2023-09-15T16:18:51Z")

</div>

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