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
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.
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.
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
To set up your Multi Page Preference Center, see the following articles:
For more information on advanced configurations for Multi Page Preference Centers, see the following articles: