Customizing Branding for a Multi Page Preference Center

You can customize the branding of a Multi Page Preference Center to utilize your organization's branding and colors. You can configure the branding directly from the Branding tab on the Preference Center Details screen for your Multi Page Preference Center.

To customize branding for a Multi Page Preference Center

  1. On the Universal Consent & Preference Management menu, select Interfaces > Preference Centers. The Preference Centers screen appears.

  2. Click the link in the Name column for the Preference Center for which you want to customize branding. The Builder tab on the Preference Center Details screen appears.

  3. Navigate to the Branding tab. The branding options for the Multi Page Preference Center appear.


  4. Customize the branding of the Preference Center, as necessary. For more information, see Branding Tab Reference.
  5. Click the Save button.

Branding Tab Reference

Header and Title section





Field
Description
Header Background Color

Select the background color which should appear on the header.

Header Text Color

Select the text color which should appear on the header.

Header Logo

Click the Upload button and upload the image which should appear as your header logo.

Alt Logo Text

Enter the name of your company here for accessibility purposes. The name should match the logo that has been uploaded so that it is read out accurately by a screen reader.

Favicon

Click the Upload button and upload the icon that you want to display on the web browser tab for the Preference Center.

Page Title

Enter the title for the Multi Page Preference Center which will appear on the tab or window of the web browser.

Portal Title

Enter the title which will appear on the Multi Page Preference Center shown to the data subject.

Title Text Color

Select the text color which should appear on the title.

Title Background

Select whether the background should appear as a color or an image.

Title Background Image

Upload the image which should appear as the background of the title.

Custom CSS section



Field
Description
Custom CSS URL

Enter the URL of the hosted CSS file with which to style the Multi Page Preference Center.

Note:

The CSS file must be hosted on the domain using HTTPS.

Important:

The CSS file overwrites the default styles from the Preference Center. Elements in the CSS file must match the template provided by support.

Custom CSS

Enter custom CSS directly in this field to embed the CSS without needing to host an external stylesheet.

Note:

Both an external CSS file and directly embedded CSS can be used.

Common Labels section



Field
Description
Topics Label

Enter a default label to be used for Topic elements across each page in the Multi Page Preference Center.

Subscription Status Label

Enter a default label to be used for Subscription Status elements across each page in the Multi Page Preference Center.

'Subscribed' Badge Label

Enter a default label to be used for Subscribed elements across each page in the Multi Page Preference Center.

'Unsubscribed' Badge Label

Enter a default label to be used for Unsubscribed elements across each page in the Multi Page Preference Center.

Subscription Settings Label

Enter a default label to be used for Subscription Settings sections across each page in the Multi Page Preference Center.

'Unsubscribe All' Button Label

Enter a default label to be used for the Unsubscribe All buttons across each page in the Multi Page Preference Center.

Undo Changes Label

Enter a default label to be used for the Undo Changes buttons across each page in the Multi Page Preference Center.

'Change Preferences' Button Label

Enter a default label to be used for the Change Preferences buttons across each page in the Multi Page Preference Center.

Update Messages section



Field
Description
Preference Center Update Success Message

Enter the message which should be shown when a data subject's preferences are successfully updated.

Preference Center Update Error Message

Enter the message which should be shown when there is an error in updating the data subject's preferences.

Preference Center Unsubscribe Success Message

Enter the message which should be shown when a data subject is successfully unsubscribed from all purposes of processing.

Message Duration (in seconds)

Enter the amount of time in seconds that Update Messages will display when a data subject interacts with the Preference Center.

Hard Opt-Out section



Field
Description
Display Format

Select Hide to hide all purposes for which a data subject's consent status is Hard Opted Out from the Preference Center. Select Lock to display purposes for which a data subject has been Hard Opted Out with a lock icon within the Preference Center.

Message

If Lock is selected, the Message field appears where you can add a message to display along with the purpose for which a data subject has been hard opted-out within the Preference Center.

Unsubscribe Reasons section

Site Admins will need to add and activate pre-defined reasons on the Reason Templates screen that will be presented to data subjects when they complete the action defined in the Trigger Condition field when interacting with the Preference Center. For more information, see Managing Reason Templates.

Note:

The Use Defined Reasons setting must be enabled within Global Settings to use and manage reason templates. For more information, see Universal Consent & Preference Management Settings.





Field
Description
Enable unsubscribe reasons

Enable this setting to include a modal that will prompt the data subject to provide a reason for unsubscribing.

Trigger Condition

Select the user action within the Preference Center that will trigger the modal that prompts the data subject to provide a reason for unsubscribing.

Display Format

Select the format in which the reasons will display for the data subject. Available options are List and Dropdown.

Title

Enter a name to display as the title of the modal.

Message

Enter a message you want to present to your data subjects when they are unsubscribing.

Reasons Label

Enter a label to display above the selection of pre-defined reasons.

Mark Required

Select this check box to require data subjects to select a reason for unsubscribing. If this check box is cleared, data subjects can optionally select a reason or close the modal if they choose to not provide a reason.

Reasons

Select the pre-defined reasons that a data subject can select when unsubscribing.

Allow Other

Select this check box to include a free text field for data subjects to enter a custom reason for unsubscribing. Leave this check box blank to limit responses to pre-defined reasons.

Login Screen Section





Field
Description
Login Title

Enter a title for the Preference Center Login screen.

Language Selection

Enter a label for the field where data subjects will select the language in which they want to view the Preference Center.

Login Button Label

Enter a label for the button that data subjects will click to submit their login details.

SSO Login Label

Enter a label for the button that data subjects will click to log in to the Preference Center via Single Sign-On (SSO).

Email Input Label

Enter a label for the field where data subjects will enter their email address.

Email Placeholder

Enter the placeholder text that will appear in the Email field.

Email Login Error Message

Enter the message which should be shown when there is an error with logging in to the Preference Center via email address.

Login Method

Enter a label for the field where data subjects will select whether to log in to the Preference Center using either an email address or a phone number.

'Email' Login Option Label

Enter a label for the email address option that will appear in the Login Method field.

'Phone' Login Option Label

Enter a label for the phone number option that will appear in the Login Method field.

Phone Number Input Label

Enter a label for the field where data subjects will enter their phone number.

Phone Number Country Code Placeholder

Enter the placeholder text that will appear in the Country Code field.

Phone Number Placeholder

Enter the placeholder text that will appear in the Phone Number field.

Phone Login Error Message

Enter the message which should be shown when there is an error with logging in to the Preference Center via phone number.

Missing “On Behalf” Permission Error Message

Enter the message which should be shown to users that are either inactive or do not have the Can assign Consent on Behalf of consumers permission required to access a Preference Center on behalf of a data subject.

Note:

The following information should be kept in mind regarding branding settings:

  • The logo displaying on your Login screen is pulled from the logo uploaded in the Sign-in Page section on the following menu: Global Settings > Email and Branding > Application branding.

    • Recommended ratio is 7:3

    • Default dimensions are 300 x 53px

    • Maximum dimensions are 350 x 150px

Logout Screen Section



Field
Description
Logout Logo

Click the Upload button and upload the image which should appear as your logo on the Logout screen.

Logout Title

Enter a title for the Preference Center Logout screen.

Logout Description

Enter the message which should be shown when a data subject logs out of the Preference Center.

Additional Resources