Privacy Center Widget Configuration

A step-by-step guide to configuring the Privacy Center widget for use on your website.

To configure or update the Privacy Center widget, click on User Experiences → Website Experience, and then select the Privacy Center tab to configure the widget.

Concord Privacy Center widget configuration.

You can also configure the branding of the Privacy Center Widget by navigating to User Experiences → Branding. Your primary color is used for the header color of the Privacy Center and the secondary color is used throughout the Privacy Center for items like buttons, links, and hover colors.

Concord Privacy Center branding configuration.

Website Experience: Privacy Center

This is where you configure the main options for the Privacy Center widget.

Concord Website Experience configuration options.

To adjust the Privacy Center settings, click the Edit button to update the following features:

  • Privacy Disclosures: Controls whether your different policies will be shown to the user in the Privacy Center. If enabled, this includes links to all of your polices (Privacy Policies or Terms of Service) that are configured via Consent → Consent Settings → Consent Types
    • Privacy Disclosure Title: The text used for the title of the Privacy Disclosures panel in your Privacy Center.
    • Privacy Disclosure Description: The text used for the description of the Privacy Disclosures panel in your Privacy Center.
  • Privacy Requests: Controls the settings for the Privacy Requests panel in the Privacy Center widget where users can initiate Data Subject Access Requests.
    • Privacy Requests Title: The text used as a title for the Privacy Requests panel.
    • Options Button Text: The text of the button to show Privacy Request options.
    • Change Request Title: The text of the button for requesting changes to a user’s data.
    • Change Request Description: The text describing data change requests.
    • Delete Request Title: The text of the button for requesting deletion of a user’s data.
    • Delete Request Description: The text describing data deletion requests.
    • View Request Title: The text of the button for requesting a copy of a user’s data.
    • View Request Description: The text describing user data copy requests.
    • Do Not Sell Request Title: The text used for the title of the Do Not Sell or Share Request form in the Privacy Center widget.
    • Do Not Sell Request Description: The text used for the description of the Do Not Sell or Share Request form.
  • Consent History Panel: Toggling this on or off will show or hide the Consent History Panel within the widget. This panel shows a history of the user’s individual consent events.
    • Consent History Title: The text used for the title of the Consent History Panel.

Branding: Setting Your Company Logo & Colors

In the left navigation, click User Experiences and select Branding.

Concord Privacy Center branding configuration.

  1. Click the Edit button in the upper left and click on the logo icon. Navigate to your saved logo file.
    • Logo file size is limited 512KB.
    • Logos are restricted to .png formats.
    • There are no height or width restrictions, but logos are resized in the widget to a max-height of 40px so 40px is the preferred height.
  2. Click Save.

Primary & Secondary Colors

Choose a color that will be used for your website widget.

  • Primary color is used for the background of the header in your Privacy Center.
  • Secondary color is used for the buttons and links in your Consent Banner.
Concord Privacy Center branding configuration.

  1. To configure your colors, click the Edit button in the upper left and click the color swatch you want to adjust.
    • You can either choose a preexisting color by clicking on any of the default colors shown or you can input a Hexadecimal color value (for example: “#22194D”). HSB and RGB color codes are also accepted.
    • If you do not know the proper Hexadecimal color value for your desired branding, you may search online for “hexadecimal color picker” to find free tools for choosing a color and finding its hexadecimal value.
  2. Click Save.