How to Add a Cookie Banner to Your Website

In the General tab, you can set the Consent Template. You can choose the consent template for your website: GDPR, US STATE LAWS or GDPR & US STATE LAWS. 

• Under the Geo-target GDPR banner, you can set your geo-targeting rules for your cookie banner.
• For GDPR Consent Template, you can enable Support IAB TCF v2.2 (Available only on Pro and Ultimate plan) if you run ads on your website. When enabled, a banner will appear on your site, allowing visitors to set granular advertising tracking preferences.
• You can click on Show advanced settings to see advanced options.

• Under the Consent Expiration, you can set the time after which your website’s visitors will be shown a consent banner again.
• Enable Reload page on consent action if you want your web page to reload after the visitor accepts or rejects consent.

Select Layout from the left panel to edit/change your banner type. There are currently three banner layouts available: Box, Banner, Popup.

Box 

There are four available positions: Bottom left, Bottom right, Top left, and Top right.

Banner 

There are two available positions: Bottom and Top.

Popup – Center.

Preference Center

Box – There are 2 options available: Center and Sidebar.

Banner – The three configurations are Centre, Sidebar, and Push down.

The Categories on first layer feature is available with Banner + Push down layout only.

Popup – There are 2 options available, Center and Sidebar.

Select Content from the left panel to customize the content of the banner and all banner elements including title, banner text, button texts, and the preference centre.

• To edit the message on your banner, select the Cookie Notice. You can edit or change the content of the Title and Message. 

• You can enable the Close [X] button if you want the banner to have a close button.
• You can edit the button labels that appear on your banner – “Accept All”, “Reject All” and “Customize”.
• You can enable the “Read More” link and provide the URL to your privacy policy page or cookie policy page. You can also change the label name.
• To personalize your banner, you can add your Brand logo (Available only on Basic, Pro, and Ultimate plan).
• Select Disable CookieYes branding to hide the ‘Powered by CookieYes’ logo that appears on the banner. (Available only on the Ultimate plan)
• To edit the content of the second layer of your banner, select Preference Center. Here you can edit or change the content of the Title, Privacy overview, and the text of the “Save my preferences” button.

• To edit the content of the cookie list displayed in the second layer of your banner, select Cookie List and enable Show cookie list.
• You can also edit headings within the list for – Cookie, Duration, and Description.

• Select the Revisit Consent option to edit the settings of the consent callback button.
• The Revisit Consent Button will enable your website users to change/withdraw consent easily.

• You can change the position of the Floating Button, set Custom icon (Available only on the Ultimate plan) and also the Text on hover. Here’s what the button will look like.

• In the Blocked Content, you can edit the Alt Text for Blocked Content. This is the content that will be displayed over embedded videos (Youtube, Vimeo etc.) in case the website visitor has rejected certain cookies that are required for the video to play.

Select Colours on the left panel to customize the colour of the banner and all banner elements including background, buttons and text.

• Choose from the different colour themes for the banner: Light, Dark, Custom, and Recommended.
• Under Customize colors, you will find options to customize the colours of the Cookie Notice, Preference Center, Revisit Consent Button, and Alt Text for Blocked Content.

• You can customize the colour of the background, border, title, and text under each of these options.

Select Custom CSS on the left panel to add advanced CSS to personalize your banner style.

• Enter the custom CSS code in the given box (Available only on Basic, Pro, and Ultimate plan).

You can load cookies of each category on a user’s browser before receiving user consent. To enable this feature, follow the below steps:

1. Navigate to the Cookie Manager > Cookie Category.
2. Click the edit icon.
3. Toggle the button (to the right) labelled “Load cookie before consent”.
4. Click the Save Draft button to save the change made.
5. Now, click the Publish Change button.

You can hide categories from the banner so that it does not appear on your banner’s second layer. To enable this feature, follow the below steps:

1. Navigate to the Cookie Manager > Cookie Category.
2. Click the edit icon.
3. Toggle the button (to the right) labelled “Hide category from banner”.
4. Click the Save Draft button to save the change made.
5. Now, click the Publish Change button.