# SPA using New ULP experience templates, and template variables

**URL:** <https://community.auth0.com/t/spa-using-new-ulp-experience-templates-and-template-variables/88364>\
**Category:** Get Help\
**Tags:** api, management-api, login\
**Created:** [August 8, 2022, 7:34pm UTC](https://community.auth0.com/t/spa-using-new-ulp-experience-templates-and-template-variables/88364 "2022-08-08T19:34:21Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Noah.Smiley](https://sea1.discourse-cdn.com/auth0/user_avatar/community.auth0.com/noah.smiley/32/39197_2.png) [@Noah.Smiley](https://community.auth0.com/u/Noah.Smiley)\
**Post date:** [August 8, 2022, 7:34pm UTC](https://community.auth0.com/t/spa-using-new-ulp-experience-templates-and-template-variables/88364/1 "2022-08-08T19:34:21Z")

</div>

I’m attempting to create a react app, with multiple login pages with differing logos. I’m attempting to use the management API to set the template, but I’m struggling to see how this intertwines with react, and where I can input the differing logo urls whilst utilizing the template I’m designing. I’ve been using the **/api/v2/branding/templates/universal-login** endpoint and using a PUT request to update it. But how does the get request of this URL integrate into react, and how do the template variables interact with the Put requests? The docs are not really clear in how to integrate the new experience templates with SPA.

---

<div class="post-metadata">

**Author:** ![lihua.zhang](https://sea1.discourse-cdn.com/auth0/user_avatar/community.auth0.com/lihua.zhang/32/39683_2.png) [@lihua.zhang](https://community.auth0.com/u/lihua.zhang)\
**Post date:** [August 10, 2022, 4:48pm UTC](https://community.auth0.com/t/spa-using-new-ulp-experience-templates-and-template-variables/88364/3 "2022-08-10T16:48:56Z")

</div>

Hi @Noah.Smiley ,

Welcome to the Auth0 Community!

If you are trying to set up a unique logo for each application, please open the Application settings → Application Properties → Application logos.

You can also update the logo on the tenant level, by going to Tenant Settings → Logo URL.

Ref:

> **[Application Settings](https://auth0.com/docs/get-started/applications/application-settings#application-properties)**
>
> Describe the settings related to applications available in the Auth0 Dashboard.

> **[Tenant Settings](https://auth0.com/docs/get-started/tenant-settings#settings)**
>
> Describes the settings related to tenants available in the Auth0 Dashboard.

Since you are creating a React SPA, I suggest you check the code in our [React Quickstart sample app](https://auth0.com/docs/quickstart/spa/react/01-login).

The /`api/v2/branding/templates/universal-login` endpoint is for customizing outside of the Auth0 Login widget, such as the border, footer, and background image of the Login page.

If you want to customize the Auth0 Login widget, please follow the steps in [this](https://auth0.com/docs/customize/universal-login-pages/customize-login-text-prompts) doc.

Hope this helps!

---

<div class="post-metadata">

**Author:** ![konrad.sopala](https://sea1.discourse-cdn.com/auth0/user_avatar/community.auth0.com/konrad.sopala/32/13516_2.png) [@konrad.sopala](https://community.auth0.com/u/konrad.sopala)\
**Post date:** [December 21, 2022, 3:44pm UTC](https://community.auth0.com/t/spa-using-new-ulp-experience-templates-and-template-variables/88364/4 "2022-12-21T15:44:03Z")

</div>