You can easily modify the standard look and functionality of the cookie consent banner on your website — this includes background color, dimensions, content, position, “Accept” and “Customize” buttons, and basic functionality.
This post focuses on how to make basic changes to the appearance and position of the cookie notice.
For a more in-depth look at full settings and customization, see this complete guide on the installation and full customization of our cookie management solution (includes how to extensively modify banner visuals, general behaviour of the Cookie Solution and the obtaining of consent).
To begin making customizations to your cookie notice, go to Dashboard > [your website/app], then click on Edit under the Cookie Solution area. This will take you directly to the customization panel:
Here you can immediately:
Change the banner position (top, bottom, top left/right floated, bottom left/right floated, center floated or top/bottom center floated).
Add an optional “lightbox” effect via the background overlay feature.
Change basic banner visuals such as theme color (dark, light or custom).
Activate/deactivate prior blocking and asynchronous re-activation only on certain pages, depending on the priorConsent parameter in the Cookie Solution snippet (useful for testing purposes, or when you’re working on your project locally and don’t want pageviews to be counted). We strongly advise against deselecting prior blocking if you need to comply with EU legislation. Details on the advanced guide and on the introduction to the prior blocking of cookies.
Activate/deactivate “Accept” and “Customize” buttons.
Activate/deactivate the “Reject” button (see below).
Activate/deactivate the banner’s close button (“x”).
Activate/deactivate consent on continued browsing. Deselect it if you don’t want to collect consent by scrolling and continued browsing activity. When this option is deselected consents are only registered when the user explicitly closes the banner/modal or clicks on the “Continue to browse” button (within the modal).
Activate/deactivate consent on page interaction. Deselect it if you don’t want to collect consent by clicking on a button/link on the page.
Activate/deactivate per-category consent. Select it if you want to give users more granular control on which categories of cookies or other identifiers to give consent to. Read the documentation for proper set up.
Once enabled, this feature will allow your users to refuse giving consent to cookies by clicking on the explicit reject button instead of on the standard close icon. This option is particularly relevant to users who operate in the UK as the ICO now requires that a reject button be displayed.
To enable this feature, check the “Explicit Reject button” option on the configurator:
As a result, "rejectButtonDisplay": true will be added to your Cookie Solution code snippet.
*Please note that once this option is enabled, the close icon in the upper right corner of the cookie banner will be disabled.