Customizing Branding for OneTrust Embedded Web Form Collection Points

You can customize the branding of OneTrust Embedded Web Forms to utilize your organization's branding and colors. You can configure the branding directly from the Branding tab on the Collection Points Details screen for your OneTrust Embedded Web Form Collection Point.

To customize branding for a OneTrust Embedded Web Form

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

  2. Click the link in the Name column for the OneTrust Embedded Web Form that you want to customize. The Builder tab on the Collection Point Details screen appears.

  3. Navigate to the Branding tab. The branding options for the OneTrust Embedded Web Form appear.
  4. Customize the branding of the OneTrust Embedded Web Form, as necessary. For more information, see Branding Tab - Branding Options Reference.
  5. Click the Save button.

Branding Tab - Branding Options Reference

The Branding Options section is divided into the following sections: Submit Button section | Close Button section | Data Elements Styles section | Purposes Styles section | Custom CSS section .



Submit Button section



Field
Description
'Submit' Button Label

Enter the text that will appear on the Submit button on the OneTrust Embedded Web Form.

Submit Button Click Effect

Select whether click feedback is applied to the Submit button when clicked.

Auto close web form on submission

Enable this setting to automatically close the OneTrust Embedded Web Form when a data subject submits the web form.

Text Color

Select the font color that will appear for button text.

Border Color

Select the color that will appear as the border for buttons.

Background Color

Select the color that will appear as the background for buttons.

Border Radius

Enter a value to define the radius of the button's corners.

Padding

Enter a value to define the spacing around the content and the borders of the button.

Close Button section





Field
Description
Show Close Button

Enable this setting to add a Close button to the OneTrust Embedded Web Form.

Show Close Button: Close Button Screen Reader Value (aria-label)

Enter the text that the screen reader will announce when navigating to the Close button.

Display As: Cross

Select this option to display the Close button as a cross icon.

Icon Color

Select the color that will appear for the cross icon.

Size

Enter a value to define the size of the cross icon.

Display As: Button

Select this option to display the Close button in button format.

Text Color

Select the font color that will appear for button text.

Border Color

Select the color that will appear as the border for buttons.

Background Color

Select the color that will appear as the background for buttons.

Border Radius

Enter a value to define the radius of the button's corners.

Padding

Enter a value to define the spacing around the content and the borders of the button.

Close Button Alignment

Select an alignment option for the Close button.

Close Button Click Effect

Select whether click feedback is applied to the Close button when clicked.

Data Elements Styles section



Field
Description
Data Element Name

Select the font color that will appear for data element names.

Placeholder String

Select the font color that will appear for placeholder text in data element fields.

Input Field Border

Select the color that will appear as the border for data element fields.

Input Field Background

Select the color that will appear as the background for data element fields.

Purposes Styles section



Field
Description
Purpose Name Color

Select the font color that will appear for purpose names.

Checkbox/Radio Border Color

Select the color that will appear as the border for purpose check boxes and radio buttons.

Checkbox/Radio Active Color

Select the color that will appear within purpose check boxes and radio buttons when the option is selected.

Custom CSS section



Field
Description
Custom CSS

Enter any custom CSS directly into the Text Input field. Click the Expand link to open a pop-up window for a larger text section.

Additional Resources