Customizing Branding for OneTrust Hosted Web Form Collection Points

You can customize the branding of OneTrust hosted web forms to match your organization's branding and colors. You can configure the branding directly from the Branding tab on the Collection points details screen for your hosted web form collection point.

To customize branding for a OneTrust hosted 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 a hosted web form you want to customize. The Builder tab on the Collection point details screen appears.

  3. Navigate to the Branding tab. The brand and appearance options for the web form display.


  4. Customize the branding and appearance of the web form, as necessary. For more information, see Branding tab reference.
  5. Click the Save button.

Branding tab reference

Brand

Brand colors



Field
Description
Primary Color

Select the primary color that will appear on the web form.

Warning Color

Select the color that will appear for required fields on the web form.

Fonts



Field
Description
Font selection

Select the font to display on the web form.

Font color

Select the font color to display on the web form or enter the color's hex code.

Font size

Select the font size to display on the web form.

Upload custom font

Click the Upload button to select the custom typeface file you want to import.

Background



Field
Description
Background

Select a Color or Image to display for your background.

  • Color: Select the background color which should appear.

  • Image: Click the Upload Image button to select an image to display as the background.

Logo



Field
Description
Confirmation logo

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

Favicon

Click the Upload button and upload the icon that you want to display on the web browser tab for the OneTrust Hosted Web Form.

Header logo

Click the Upload button and upload the image which should appear as the header logo on the OneTrust Hosted Web Form.

Appearance



Field

Description

Header

Background color

Select or enter a hex code for the header's background color.

Header border thickness

Select or enter a thickness for the header border.

Header border color

Select or enter a hex code for the header's border color.

Header border radius

Select or enter a radius for the header's border.

Header height

Select or enter a height for the header.

Footer

Background color

Select or enter a hex code for the footer's background color.

Footer border thickness

Select or enter a thickness for the footer border.

Footer border color

Select or enter a hex code for the footer's border color.

Footer border radius

Select or enter a radius for the footer's border.

Footer height

Select or enter a height for the footer.

Form fields



Field

Description

All form fields

Size

Select a size for the fields:

  • Narrow

  • Standard

  • Expanded

Border width

Select or enter a width for the fields' border.

Border color

Select or enter a hex code for the fields' border color.

Corner radius

Select or enter a radius for the fields' corners.

Checkboxes

Size

Enter a size for the checkboxes.

Selected color

Select or enter a hex code for the checkboxes' selected state color.

Unselected color

Select or enter a hex code for the checkboxes' unselected state color.

Radio buttons

Size

Enter a size for the buttons.

Selected color

Select or enter a hex code for the buttons' selected state color.

Unselected color

Select or enter a hex code for the buttons' unselected state color.

Date selectors

Selected

Select or enter a hex code for a date's selected state color.

Today's date color

Select or enter a hex code for the current date's color.

Hover color

Select or enter a hex code for the hover state's color.

Dropdown selectors

Dropdown selectors

Select or enter a hex code for dropdown selectors' color.

Content block

Padding

Select or enter a width for the block's padding.

Border width

Select or enter a width for the block's border width.

Border color

Select or enter a hex code for the block's border color.

Corner radius

Select or enter a size for the block's corner radius.

Submit button



Field

Description

Color

Background color

Select or enter a hex code for the button's background color.

Text

Select or enter a hex code for the button's text color.

Hover color

Select or enter a hex code for the button's hover state color.

Border

Color

Select or enter a hex code for the button's border color.

Width

Select or enter a width for the button's border.

Corner radius

Select or enter a size for the button's corner radius.


Field

Description

Color

Link text color

Select or enter a hex code for the links' text color.

Hover color

Select or enter a hex code for the links' hover state color.

Additional Resources

To set up your OneTrust Hosted Web Form Collection Point, see the following articles:

For more information on advanced configurations for OneTrust Hosted Web Form Collection Points, see the following articles: