SPA using New ULP experience templates, and template variables

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.

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.


Since you are creating a React SPA, I suggest you check the code in our React Quickstart sample app.

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 doc.

Hope this helps!