Articles on: Design

Design changes for the Cookie banner

When it comes to customizing the appearance of your cookie banner, our platform offers a variety of options.

To ensure it aligns perfectly with your brand's aesthetic and meets your specific needs, here's how you can make the cookie banner your own.

Color Customization



Navigate to the Consent banner tab > Design section, where you can alter the color scheme of your cookie banner.

In order to see the color settings, make sure to select the Custom option in the Banner colors section.

You can also explore the other predefined color styles by hitting the Show advanced options.

With a live preview feature, you can experiment with different hues and instantly see how they look in real-time.



How to change the position



By default, the Cookie bar is displayed at the bottom part of the screen.

If you want to change the position of the Cookie banner, you can navigate to:

Consent banner

Design tab

Select the Banner view

Position



The center and corner possitions for (bottom and top, left/right) are only available in the Classic and the Modern layouts.

The Dialog view, if selected, is only available for a centered position on the page:



Buttons customization



In the Design tab > Button styles section you have the option to adjust the look of each button as well.

There is an option to choose between the following styles:

Default - having the classic look of the buttons with the Accept and Reject button having the same "weight" and the Preferences button being different;

Solid - making all of the buttons look the same and filled with color without borders;

Outlined - again having the buttons look in the same way with a transparent background and borders;

For each button, regardless of the style you select, you have the option to further adjust them as per your preferences and change the color or the border, text or background as well.



For the buttons customization you also have the option to change the Border radius from the same Button styles section as shown below:



Layout Customization



Dialog

In the Plus and Enterprise plans of the app, we give you the option to have the cookie notice set as Dialog popup.



Banner

If the Banner view is selected, you can choose from various layout options in the Banner style section, tailoring the cookie bar's structure to match your store's unique style.



Default layout - Preview



A balanced, eye-catching design that provides essential information without overwhelming the user experience.

Classic layout - Preview



For those who prefer a timeless look, this layout offers a straightforward and familiar approach to cookie consent.

Modern layout - Preview



Sleek and contemporary, this option is for stores looking to make a bold statement with their cookie bar design.

Text Customization



Adjust all text elements through the Consent banner tab by selecting the Content section.

Here you can personalize every message, from the initial greeting to the accept and reject button texts, ensuring clarity and consistency in your communication with customers.



By offering these extensive customization options, our goal is to empower you to design a cookie bar that not only meets legal requirements but also seamlessly integrates into your store's environment, enhancing the user journey while upholding transparency and choice.

Need Help



If you need further assistance or wish to explore more design possibilities, our support team is readily available to guide you through each step. Contact us through the in-app chat feature or email us directly at support@consentmo.com for personalized support.

Updated on: 28/03/2025

Was this article helpful?

Share your feedback

Cancel

Thank you!