Customizing Your Cookie Banner with TRUENDO CMP


Introduction#

Customizing your cookie banner is essential for aligning it with your website's branding and enhancing user experience. TRUENDO Consent Management Platform (CMP) provides various customization options that allow you to modify the appearance and behavior of your cookie banner to match your website's aesthetic and compliance needs.

This guide will walk you through the steps to customize your cookie banner using TRUENDO CMP, including changing colors, selecting designs, adjusting display settings, and more.


1. Prerequisites#

Before you begin customizing your cookie banner, ensure you have the following:

  • Access to the TRUENDO Console: You need login credentials to access and modify your website settings.
  • Website Selected: You should have the specific website selected in the TRUENDO Console for which you want to customize the banner.
  • User Role: You must have the necessary permissions (admin or equivalent) to make changes to the banner settings.
  • TRUENDO CMP Integrated: The TRUENDO CMP script should already be implemented on your website.

2. Accessing Banner Customization Settings#

  1. Log in to the TRUENDO Console using your credentials.
  2. Select Your Organization: If you manage multiple organizations, choose the one relevant to your website.
  3. Select the Website: Choose the specific website you wish to customize.
  4. Navigate to the Banner section from the main navigation menu on the left-hand side.

3. Customization Options#

A. Changing the Banner Color

All users can change the color of the cookie banner.

Steps:

  1. In the Banner settings, locate the Banner Color option.
  2. Use the color picker to select your desired color.

    • Alternatively, enter a specific HEX color code directly into the input field.
  3. Preview: The banner preview will update to reflect your chosen color.
  4. Click Save to apply the changes.


B. Displaying the Privacy Widget

The Privacy Widget allows users to access their privacy settings at any time.

Steps:

  1. In the Banner settings, find the Display Privacy Widget option.
  2. Toggle the switch to enable or disable the Privacy Widget on your website.
  3. Click Save to apply the changes.


C. Selecting Banner Design

Users have access to multiple banner designs.

If you make use of any Google services but do not use IAB it is recommended you use our dedicated Google banner.

Steps:

  1. In the Banner settings, locate the Banner Design section.
  2. Choose from the different banner designs available.

  3. Custom Designs: Supported tiers can also set up their own custom designs (see Custom Design Guide).
  4. Click Save to apply the changes.


D. Delaying the Banner Display

You may wish to delay the display of the consent banner to accommodate loading animations or other visual elements.

Steps:

  1. Modify the TRUENDO Script: Add the data-popup-delay attribute to your TRUENDO script tag.
  2. Set the Delay: Specify a delay time between 0 to 10 seconds.

    • Example for a 5-second delay: data-popup-delay="5"
  3. Updated Script Example:

    <!-- TRUENDO CMP --> <script id="truendoPrivacyPanel" type="text/javascript" src="https://cdn.priv.center/pc/app.pid.js" data-siteid="YOUR_SITE_ID" data-popup-delay="5" ></script> <!-- End TRUENDO CMP -->
    • Replace YOUR_SITE_ID with your actual site ID.

Note: This feature requires access to your website's code to modify the script tag.

Supported tiers can choose to display or hide the TRUENDO logo on the banner.

Steps:

  1. In the Banner settings, locate the Display TRUENDO Logo option.
  2. Toggle the switch to disable the logo display.
  3. Click Save to apply the changes.

4. Troubleshooting#

A. Changes Not Reflecting on the Website

Issue: After making changes to the banner settings, the updates are not visible on your live website.

Solution:

  • Cache Delay: Changes may take up to 15 minutes to reflect due to CDN cache propagation.
  • Clear Browser Cache: Clear your browser's cache and refresh the page.
  • Session Storage: Clear session storage if necessary.
  • Script Integration: Ensure that the TRUENDO CMP script is correctly integrated into your website.
  • Save Changes: Confirm that you clicked Save after making changes in the TRUENDO Console.

5. FAQs#

A. Can I Customize the Banner Text?

Answer:

B. What Customization Options are Available for Basic Users?

Answer:

  • Basic Users can:

    • Change the banner color.
    • Choose the banner style.
    • Enable or disable the Privacy Widget.
  • Higher supported tiers have additional options, including the ability to remove the TRUENDO logo and access to the compliant IAB banner.

6. Conclusion#

Customizing your cookie banner with TRUENDO CMP allows you to align it with your website's branding and improve user engagement. By following this guide, you can easily modify various aspects of the banner, from colors and designs to display settings, ensuring a seamless integration with your site's aesthetic.


7. Support and Resources#


End of Guide


If you have any further questions or require assistance with specific configurations, please don't hesitate to reach out to TRUENDO support or consult the resources provided.


×