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 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).
Other customization options
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 implement, you’ll need to add the rejectButtonDisplay parameter to your Cookie Solution code snippet and set to true as seen in the example below: