Adding a Cookie Banner to Unbounce


If you are based in the European Union [EU], Unbounce fully understands that you may be required to comply with the GDPR Cookie requirements.

Unbounce now allows a cookie banner feature that enables a cookie banner on your landing page. Therefore, your visitors can accept or reject cookie tracking on your landing page.

This article will explain how to enable a cookie banner on your page and how to update or change consent.

Enabling a Cookie Banner on Domains

To enable a cookie banner on all pages of a domain, follow these steps: 

  1. Log into Unbounce. 
  2. From the left-hand side menu, click the Settings tab. From the drop-down menu that appears, click Cookie Banner
  3. The Cookie Banner page will appear.
    Cookie banner settings page in Unbounce app.
  4. To enable a cookie banner on a domain, toggle the button next to the domain or toggle the cookie banner to show on all domains. 
    Toggle buttons that will display the cookie banner on all domains or just a single domain.
  5. Click Publish at the top-right-hand corner to save the changes:
    Gif demo of a user enabling the cookie banner on one domain, and publishing the cookie banner.

Once published, the cookie banner will appear on pages and page paths tied to that domain.

Viewing your Cookie Banner

To test, navigate back to your live landing page. The cookie consent banner will appear at the bottom of the page:
Live cookie banner on landing page.

Customers have the option to Accept All, Reject All, or Manage Preferences.

Change Consent on a Cookie Banner

Your page visitors can opt out of cookies or change the permissions of how cookies track on their page. In other words, they can withdraw from the previously provided consent.

To do so, you'll need to add an anchor link (#cookie_banner_open) to a button or link to your page, which will relaunch the cookie consent banner.

Your visitors can then select to reject or allow certain cookies again.

Steps for Classic Builder

  1. Navigate to your page in Classic Builder. 
  2. Add text or a button that you're customers can click to relaunch the cookie banner. 

For text links, 

  1. Double-click the text in the Classic Builder.
  2. The Style & Action section will appear within the Properties tab on the right-hand side.
  3. Click the Action tab. 
    • Under the Action drop-down, select Go to URL.
    • As the URL, paste #cookie_banner_open.
    • Under the Target drop-down, select Same tab or window
      Annotated red arrow pointing to the Click Action section for text.

For button links, 

  1. Single-click the button in the Classic Builder.
  2. The Click Actions section will appear within the Properties tab on the right-hand side.
    1. Under the Action drop-down, select Go to URL
    2. As the URL, paste #cookie_banner_open.
    3. Under the Target drop-down, select Same tab or window
      Annotated red arrow pointing to the Click Action section for a button.

Click Save at the top right-hand corner of Classic Builder. To test, Republish your page, and click the text link or button from the live page:

Gif demo clicking a 'Manage Cookies' button from a landing page.

Steps for Smart Builder

  1. Navigate to your page in Smart Builder.
  2. Locate the button or text you want to relaunch with the cookie banner; in this case, it's the Manage Cookies button.
  3. Single-click the link and click Link Settings .
  4. Set the Link To address to Web Address. In the URL field, paste #cookie_banner_open:
    Add anchor link to Smart Builder.
    • Be sure to set the Target as Open in current window.
  5. Save and republish the page; the cookie banner will appear in Smart Builder once visitors click the link:
    Gif demo of a user clicking the 'Manage Cookies' button - the cookie banner appears at the bottom of the page.

Adding a Link to a Privacy Policy page

Want to direct your visitors to your organization's privacy policy page? You can add a link to your privacy policy page directly in the cookie banner messaging: 
Two cookie banner comparisons: one with a privacy policy link, and one without.

To add a privacy policy link,

  1. Navigate back to the banner page Cookie Banner.
  2. Next to your domain, click Cookie Policy Link
    Cookie policy link button.
  3. In the window that appears, add the link to your website's privacy policy page. Be sure to include https:// at the start of the URL.:
    Field to add in cookie policy URL.
  4. Click Save to close the window.
  5. Click Publish at the top-right-hand corner to save the changes.

When you navigate back to your cookie banner on your live landing page, you'll see the privacy policy link included in the banner's message.  

Frequently Asked Questions

Is there a way to make style changes to the cookie banner?

At this time, you cannot edit the styles (appearance or colors) of the cookie banner. Adding a link to your Privacy Policy page is the most edits you can make.

Does this feature work with custom cookies as well?

By default, Unbounce will apply a brute force method and wipe out any additional cookies to which the page has access whenever consent is removed from one or more categories.

Is it possible to change the language on the cookie banner?

The default language on the cookie banner is English, and changing the language is not possible at this time. 

What are the consent categories available?

If you click the Manage Preferences button in your cookie banner, you may notice a few preference options. Here is what each category entails:

  • Consistency: storage cookies that allow Unbounce to give returning visitors a consistent experience. For example, if you're running an A/B or Smart Traffic test, Unbounce uses this cookie to ensure returning visitors receive the same page variant as when they first visited your page.
  • Preferences: also known as functionality cookies, these cookies allow the browser to remember past choices your visitors have made.
  • Statistics: also known as performance cookies, collect anonymized information about visitors, like which pages they visited and which links they clicked.
  • Marketing: storage cookies that track visitors' activity to help advertisers deliver more relevant advertising or limit how often visitors will see an ad.

Do you agree or disagree with this statement: This article helped me find the information I needed quickly and easily.

Select an option and leave us some feedback in the comments:

Strongly DisagreeDisagreeSomewhat DisagreeUndecidedSomewhat AgreeAgreeStrongly Agree

Measuring Customer Effort Score with Nicereply