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.
   
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. 
   
5. Click Publish at the top-right-hand corner to save the changes:
   

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:

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. 
     

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. 
      

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:

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 .
   • To learn how to change an element to a link element, take a look at this article: How to Change Elements. 
4. Set the Link To address to Web Address. In the URL field, paste #cookie_banner_open:
   
   
   • 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:
   

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: 

To add a privacy policy link,

1. Navigate back to the banner page Cookie Banner.
2. Next to your domain, click Cookie Policy Link. 
   
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.:
   
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.