Skip to main content

Adding a Cookie Consent Banner to Your Website

Adding the Cookie Consent Disclaimer to Boldtrail Websites, using Custom Header setting. How to add Termly Snippet, or other CMP javascript snippets.

Overview

Cookie consent is the process of a website obtaining a user’s permission to store or access small tracking files called “cookies” on their device. These files collect browsing data for analytics, personalization, and targeted advertising.

Privacy laws impose different requirements around cookies and tracking. The EU’s General Data Protection Regulation (GDPR) generally requires opt-in consent before non-essential cookies are set — websites must disclose their tracking practices and get affirmative permission first.

California’s California Consumer Privacy Act (CCPA), as amended by the California Privacy Rights Act (CPRA), works differently: it’s primarily an opt-out framework, giving consumers the right to opt out of the “sale” or “sharing” of their personal information, rather than requiring pre-consent for cookies themselves.


To help support compliance with these and other privacy regulations, BoldTrail websites have always supported adding custom cookie consent banners using the Custom Header setting.


Below you will find instructions covering how to install Cookie Consent Banners on Boldtrail templated websites, and on Boldtrail powered Wordpress Websites.

Additionally you will find specific instructions on how to generate Cookie Consent Banners through Termly (recommended) as well as general instructions for other Cookie Consent providers such as CookieYes.


How to add Termly Cookie Consent Banner to Boldtrail Websites:

If you use Termly, simply enter your Termly Consent Banner code into the Custom Header setting within Web&IDX.

Within Termly, the Consent Banner code snippet can be generated and found under Consent Management -> Consent Banner. You will need to generate the Consent Banner first for your website using the Plain HTML option.

Helpful Tip: Within the Termly Consent Banner settings, there are themes, position and size settings, along with a Preview option to fine tune and tweak the banner to your preferences.


Once you have the Consent Banner code from Termly, follow these steps to install the snippet on your Boldtrail Website

  1. Log into Boldtrail

  2. Click on Web&IDX

  3. Open your Website Settings.

  4. Locate the Custom Header setting

  5. Paste your Termly Consent Banner code at the top of the Custom Header

    1. The Consent Banner Code must be the very first item to ensure compliance.

    2. Other snippets like Google Tag manager will load after the Consent banner, and will function as normal

  6. Save your changes.

  7. Visit your website to verify the cookie consent banner appears.

Boldtrail Website Settings Custom Header Setting


When installed correctly, the Consent Banner should populate as shown below upon visiting the website:

Note: You may have to generate a Cookie Policy within Termly in addition to the Consent Banner.

The Cookie Policy can be generated within Policies -> Cookie Policy

Once generated, the Consent Banner should automatically populate the Cookie Policy as a hyperlink within the banner on your website.


Using A Different Cookie Consent Provider

If you use a provider other than Termly (for example, CookieYes), follow these steps to install the consent banner on your Boldtrail Website

  1. Log into Boldtrail

  2. Click on Web&IDX

  3. Open your Website Settings.

  4. Locate the Custom Header setting

  5. Paste your Consent Banner code at the top of the Custom Header

    1. The Consent Banner Code must be the very first item to ensure compliance.

    2. Other snippets like Google Tag manager will load after the Consent banner, and will function as normal

  6. Save your changes.

  7. Visit your website to verify the cookie consent banner appears.

Boldtrail Website Settings Custom Header Setting



How to add Consent Banner to Wordpress Websites

To install a Consent banner on Boldtrail Wordpress Websites, please follow these steps:

  1. Log into your Wordpress Admin account

  2. Navigate to the kvCORE IDX Settings

  3. Click the Custom Scripts section

  4. Ensure the IDX Page setting has "All IDX Pages" selected

  5. Paste the below Javascript snippet with the token provided by your Cookie Consent Provider within the Javascript field setting.

    1. Javascript Snippet for Termly should look like:

      var s = document.createElement('script');

      s.src = "https://app.termly.io/resource-blocker/{{your-token}}?autoBlock=on";

      document.head.appendChild(s);
    2. Javascript Snippet for CookieBot should look like:

      var s = document.createElement('script');
      s.id = "Cookiebot";
      s.src = "https://consent.cookiebot.com/uc.js";
      s.setAttribute('data-cbid', "{{your-token}}");
      s.type = "text/javascript";
      document.head.appendChild(s);
    3. Any other provider will be a variation of the two above. Any <script> tag can be converted using the same pattern: create a script element, map each HTML attribute to a matching JavaScript property, then append it to the page.

      • For example if you're provided:

        <script id="my-consent" src="https://example.com/consent.js" data-id="12345" data-region="us" async></script>
      • You should convert that to:

        var s = document.createElement('script');
        s.id = "my-consent";
        s.src = "https://example.com/consent.js";
        s.setAttribute('data-id', "12345");
        s.setAttribute('data-region', "us");
        s.async = true;
        document.head.appendChild(s);
  6. Click Submit to save the update.

  7. Visit your website to verify the cookie consent banner appears.


Frequently Asked Questions

I don’t currently use a cookie consent provider. What should I do?

You’ll first need to create an account with a cookie consent provider, such as Termly (recommended), and obtain the required Cookie Consent Banner code snippet before configuring your website.

For more information on creating a cookie consent notice with Termly:

Need Help?

If you run into issues configuring your cookie consent banner, please contact BoldTrail Support with:

  • The cookie consent provider you’re using.

  • Any error messages you’re seeing.

  • A link to your website.

Did this answer your question?