Banner Editor

Prev Next

In short

The Banner Editor allows you to design and configure your cookie banner to match your website’s brand, language, and compliance needs. From layout and styling to regional logic and policy content, all settings can be controlled through a real-time visual editor.

Access: Cookies & Trackers > “Select a Domain” > Banner Editor

Overview

The Banner editor enables you to customize the look and feel of the consent banner, giving you control over banner placement and layout, assisting you to improve user experience, enabling you to preview changes in real-time, manage banner language, and implement branding consistency.

However, the Banner Editor does not control the consent logic (such as explicit vs. implicit consent), nor does it define which buttons appear or what actions they trigger. Those configurations are created and managed in the Banner Builder.

The Banner Editor simply allows you to reuse pre-built banners and apply them to different domains or geographies, customizing them to match the site’s brand and regulatory requirements.

The Banner Editor is divided into three main configuration areas:

  • Visual aspect: Design and position the banner, apply brand colors, and configure the widget.

  • Content: Customize banner policy links, and multilanguage behavior.

  • Behavior: Dynamically assign which banner to use per region or country using geolocation.

Visual Aspect

Custom logo

Upload your logo to be displayed on the banner. While both PNG and SVG formats are supported, SVG is recommended as it offers a smaller file size. This helps minimize the banner’s visual load and ensures faster rendering on your site. The logo will only in the secondary screen of the banner.

Position and format

Choose from five different layout styles:

  • Bottom bar

  • Top bar

  • Full-width

  • Modal

  • Corner placement

These layouts ensure the banner fits seamlessly into your website’s UI.

Blur background

You can enable Blur Background to visually separate the cookie banner from the rest of your website until the user makes a selection. When activated, the background of the site is blurred and becomes non-interactive,users won’t be able to engage with the site content until they respond to the banner.

Why it matters:

  • Draws focused attention to the consent decision without using intrusive pop-ups

  • Encourages faster interaction and consent choices from users

  • Enhances compliance while preserving a clean, branded user experience

To enable this feature, simply check the "Blur Background" option under the Position and Format section.

Colors

Customize the banner's color palette using the fields provided:

  • Main color: for buttons and action items

  • Background color: for the banner surface

  • Font color: for all text

This helps keep your cookie experience visually consistent with your brand identity.

Widget

The widget offers users a persistent entry point to reopen the cookie banner and update their consent preferences.

Position

You can display the widget on either the bottom left or bottom right corner of the screen, depending on your site’s layout and design preferences.
If you prefer a cleaner interface, you may also choose to hide the widget entirely.

Design

You can choose from several built-in styles, such as a cookie icon or the BigID logo.
Additionally, you have the option to upload your own logo to fully align the widget with your brand identity.

Add a Link to Reopen the Banner

Whether or not you choose to display the widget, it’s strongly recommended to include a manual link, typically in your site’s footer, that allows users to reopen the cookie banner at any time.

This ensures users have easy, ongoing access to manage their privacy preferences, which is essential for transparency and regulatory compliance.

If the widget is not shown, this footer link becomes required as the only way for users to revisit the banner.
If the widget is shown, the link is still considered a best practice to provide users with multiple access points.

To add this capability, you can place a link, such as one labeled “Cookie Preferences”, or a button anywhere on your site using the following method:

<a onclick="bigidcmp.showWidget()" class="bannerLink">Cookie Preferences</a>

This method programmatically opens the cookie banner, regardless of the widget’s visibility.

Providing both a widget and a footer link increases usability across devices and ensures your users can always make informed, flexible choices about their data.

Preview and Publishing

The central area of the Banner Editor provides a real-time preview of your cookie consent banner as you customize it. This allows you to immediately see how changes to layout, colors, language, will appear on your site.

In the top-right corner, you’ll find dropdown menus to:

  • Preview the Banner Type (e.g., Global, GDPR, or US Opt-out)

  • Preview the Display Language from the available options

Once you're satisfied with the configuration, click Save & Publish to apply your changes to the live website.

Content

The Content tab manages the language, messaging, and legal links included in the banner.

Cookie Banner Multi-language

The cookie banner supports over 30 languages and can be configured in three ways:

1. Single Language

Disable Multilanguage to always display the banner in one specific language. You can select which one from the dropdown.

2. Match Browser Language

Enable Multilanguage to automatically show the banner in the visitor’s preferred browser language. This ensures better engagement and clearer consent for international users.

3. Match Website Language

If your site supports dynamic languages, you can sync the banner with your site using a JavaScript method:

javascriptCopyEditbigidcmp.setLanguage('en');

You can trigger this using buttons or links that change your site language. This method ensures the banner switches in real-time based on user selection.

All text, labels, buttons, and even the cookie policy (if using BigID’s version) will translate accordingly.

Link a Cookie Policy

BigID automatically generates a cookie policy in over 30 languages, which updates 24/7 to reflect any new cookies detected on your site. You have three display options:

  • Use BigID’s built-in policy (recommended for dynamic, multilingual support)

  • Add a custom URL pointing to your own cookie policy

  • Choose not to display a policy

Link a Privacy Policy

You can include a link to your own privacy policy URL, or choose to exclude it from the banner.

Link Terms & Conditions

You have the option to provide a custom Terms & Conditions URL or omit it based on your site’s needs.

Link DSR (Data Subject Request)

If you're using the BigID Privacy Portal, you can link to your existing DSR form here. This allows users to submit access, deletion, or correction requests, providing a more comprehensive and user-friendly privacy experience.

Behavior

The Behavior section controls how the banner will be displayed in different regions.

The Behaviour tab allows you to define dynamic banner logic based on the user's location. This means you can show different banner types (e.g., opt-in, opt-out, simplified) depending on the visitor’s country, region, or U.S. state—helping you comply with region-specific privacy laws.

To learn more about how location-based banner behavior works, check out our Geolocation Cookie Banner guide.