CSS for Cookie Bar & Preferences
In order to enhance the design of the cookie bar to match your preferences, you can apply CSS to different elements of the Cookie bar and the Preferences popup. This can be done in the Custom CSS section of the Design tab, as shown here:PopularBlur the page until the customer gives consent
In order to blur out the page until the customer gives his consent, please paste the following CSS code in Design Custom CSS:Some readersHow to set a Reject button on the Cookie bar?
Integrating a Reject button on your website's cookie bar significantly elevates user autonomy, allowing visitors to swiftly decline all non-essential cookies. This functionality, offered by the Consentmo GDPR app, is pivotal for websites aiming to enhance transparency and trust. To activate this feature, navigate to the Design tab within the app's settings. Here, you'll find the Show Reject Button option, which, when enabled, introduces a Reject button directly on the cookie bar. TSome readersCookie bar - Admin testing and design
When customizing and testing the Cookie bar on your storefront, the Admin Mode feature of the Consentmo app proves to be a highly effective tool. This mode, found under the Global Settings tab in the Show Cookie Bar section, allows administrators to preview and adjust the Cookie bar in real-time. Benefits of Using Admin Mode for Cookie Bar Customization: Real-Time Previews: Quickly seeFew readersDesign changes for the Cookie bar
When it comes to customizing the appearance of your cookie bar, 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 bar your own: Color Customization: Navigate to the Design tab, where you can alter the color scheme of your cookie bar. With a live preview feature, you can experiment with different hues and instantly see how they look in real-time, ensuring every shade compFew readersSetting an “X” icon - Configuration
Enhancing your Cookie bar with an "X" icon not only refines the aesthetic appeal but also provides your site visitors with a clear, user-friendly way to interact with your consent preferences. This feature is easily activated by navigating to the Design tab and opting for Yes in the Show Close Icon setting, effectively introducing a concise and accessible "X" icon to your Cookie bar. Upon aFew readersMake the Cookie bar and Preferences popup smaller
Customizing the size of your store's Cookie Bar and Preferences popup is a simple yet effective way to maintain the aesthetic appeal of your website while ensuring compliance with privacy laws. Here's a detailed guide on how to make these elements smaller, enhancing the overall user experience. Steps to Reduce the Size of the Cookie Bar and Preferences Popup: Access Design Settings: Head over to the Design section in your app settings, and look for the Custom CSS option. TFew readersHow to change the color of the checkboxes and ticks in the Preferences popup?
You will need to navigate to the Consent banner tab Design section and locate the color-changing buttons for the Checkbox Color and the Checkbox Tick Color. Once you save the settings here, you can go on the storefront and check the Preferences popup in order to see the changes. (https://storage.crisp.chat/users/helpdesk/website/b07f7406951a4000/checkbox-color-preview1upz400.pFew readersHow to position the Cookie bar in the middle of the screen?
In order to set the position of Cookie bar in the middle of the screen, please paste the following CSS code in Design Custom CSS:Few readersSet an Accept All button to the Cookie bar
Enhancing user convenience on your site can be as simple as modifying the "Accept" button on your Cookie bar to an Accept ALL functionality. This change allows visitors to quickly consent to all cookie categories, streamlining their browsing experience. Steps to Add 'Accept All' Functionality: Renaming the Button: Navigate to the Cookie Bar Settings tab and access the Bar Content section. In the Accept Button Text field, change the button label from AcceFew readersAdding a link in the Cookie bar
Enhancing your Cookie bar by adding additional links can provide your users with more detailed information and increase transparency, which is crucial for compliance and trustworthiness. Here's how you can insert an extra link into your Cookie bar: Access the Cookie Bar Settings tab in your dashboard and go to the Bar Content section. Look for the Cookie Consent Text field where you will input your additional link. Insert the following HTML snippet:Few readersFixing Hidden Preferences Popup Buttons
Navigating a website's cookie preferences should be a seamless experience for users. However, sometimes technical issues may arise, such as the buttons on the Preferences popup not being visible. This can hinder the user experience and potentially affect compliance with privacy regulations. To address this, here's a simple CSS tweak you can apply to ensure that all elements in your cookie consent popup are accessible. Steps to Make Preferences Popup Buttons Visible Accessing CustomFew readersStyling of my Compliance pages?
The Compliance pages generated upon installation of the app, can be found in the Online Store tab under the Pages section. The pages in general are set to inherit the overall styling of the other pages in the store so they can fit in the overall look and design of it. If you are looking to make any adjustments to the pages and their elements, below you can find some useful guidelines on how this can be done by using CSS and applying it to the page HTML directly. Our recommendation on this procFew readersChange the font family and font size
Guide to personalizing the font aesthetics on Consentmo's Cookie Bar & Preferences Popup. Head to the Design tab and easily adjust the Font Family and Font Size as per your preferences.Few readersStore logo in the Preferences popup
In our ongoing effort to align the user experience of your store with its visual identity, we are excited to introduce the Preferences Logo feature. This option, found in the Design tab of our app, allows you to upload a custom logo, further harmonizing the design of the cookie bar with your store’s branding. Availability and Applicability The Preferences Logo feature is exclusively available to Plus and Enterprise plan subscribers. It is compatible with both the *Few readersCookie categories' descriptions styling
In order to modify the stylings of the cookie categories' descriptions, you will need to navigate to the Design tab in the settings of our app. After that depending on what you require, you should apply one of the CSS code snippets we provided below to the Custom CSS field. To apply the styling to all four of the cookie categories' descriptions, you can apply this CSS code:Few readersWhy is the Cookie bar and the buttons focused by default and how can I update the styling?
The blue outline focuses on the Cookie bar's elements is there to help users with motor impairments, which could be anything from permanent paralysis to a sprained wrist. These users operate their computer almost entirely with the keyboard or other input device. For those users, focus is critical; it's their primary means of reaching everything on the screen. For that reason, the Web AIM checklist states in section 2.1.1 that all page functionality should be available using the keyboard (htFew readersMatch Theme Design feature
We're excited to announce the launch of our latest premium feature for Consentmo users: Match Style. This feature is crafted to seamlessly blend your cookie bar with your website's design, ensuring compliance without sacrificing visual appeal. Enhance your site's browsing experience with a cookie bar that not only meets legal requirements but also complements your brand's aesthetic. For Enterprise Plan Users: The Match Style feature is readily available. Navigate to the Consentmo appFew readers