Documentation

Table of Contents

How to Customize the Look and Behavior of the Cookie Banner (Beginner’s Guide)

In a hurry? Click here to view the Cookie Solution Basic Customizations video guide.

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:

iubenda Cookie Banner - Basic Customization

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. We strongly advise against deselecting prior blocking if you want to be complying with EU legislation (details on the advanced guide and on the Introduction to the Prior Blocking of Scripts).
  • Activate/deactivate “Accept” and “Customize” buttons.
  • 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 scroll. Deselect it if you don’t want to collect consent by scrolling (details in Cookies and the GDPR: What’s Really Required?).
  • 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.
  • Enable the IAB Transparency and Consent Framework, recommended if you are a first-party publisher who work with third-party advertisers (like Google Ads).

Advanced view

Clicking on Advanced view will open up a full list of advanced options that will allow you to customize everything from banner animation, cookie policy link text, buttons and banner content to banner css, cookie expiration time and callbacks.

iubenda Cookie Solution customization panel - Advanced view

Manage cookie consent with the Cookie Solution

Generate a cookie banner

See also

Still have questions?

Visit our support forum Email us