How to Set Up UniSignIn Account Center Experience on Your Website

UniSignIn's User Account Center allows your website to enable audience authentication for a mobile app or website.

It serves as a centralized hub for managing user accounts and settings.

With the User Account Center, publishers can leverage UniSignIn's advanced capabilities to collect valuable first-party data directly from users, enriching their understanding of audience preferences and behaviors.

Create User Account Center Experience

Step 1: Create a New Account Center Experience

In the UniSignIn Console, first select an Organization.

In the left menu, you'll see the tab Experience located under the large tab Audience Operation. After entering this tab, click New Experience to start.

On the new Experience creation page, Choose Experience Type Account Center, and click Next Step.

Step 2: Account Center Experience Settings

  1. Basic Experience Settings

First, Enter a Name and select the Project you want this experience belongs.

To enable the experience, ensure the Enable button turns blue, a new experience is enabled by default.

  1. Styling Settings

Customize your login UI and Branding after the first section.

  1. Payment-related Settings

If you want to display a data form in the account center, select a data form you created before.

If you want to customise the payment, choose the Currency, and enable Consent Or Pay Top-up according to your needs.

If you want to enable a Subscription, you should provide the URL of Team of Services and Privacy Policy of your website, then you can add Plans and Features of the Plan

NOTE

Subscription plan only can be added by master of the project.

Payment-related features require separate provision. Contact your account manager for more details.

  1. Additional UI Settings

You can enable UniSignIn Badge, Full data profile menu, and logo in the account center according to your needs.

  1. Customize HTML code

You can add customised HTML code to the Header, Footer, and Footer of the Register Form in each section.

Additionally, you can insert HTML code by context id.

After Enable Contextual Header HTML, input the element ID and the HTML code you want to insert. UniSignIn will navigate the element and the code will automatically insert into that element.

To add/remove, click the plus/bin button on the right of the code area.

  1. Archive the experience

If you don't want to make any changes to an experience, you can archive the experience by clicking the archive button at the bottom of the create/edit page.

!WARNING

Once you archive an experience, there is no going back. Please be certain.

NOTE

Please change the "SUBDOMAIN.WEBSITE_DOMAIN" into the domain you set up in the project settings.

Refresh browser

After finishing all the steps above, refresh the page and you should see the experience you have implemented on the page.