Introduction
The Enzuzo Cookie Banner provides additional customization that can be configured through Cookie Manager, allowing for personalized cookie banners. The two ways to customize your Enzuzo Cookie banner is through cookie manager text customization and custom css styling.
Cookie Banner Text Customizations
The text of your “Cookie Banner” buttons can be customized through the “Configure” tab.
In the “Configure” tab, navigate to the “Banner Text” settings found on the left hand side of the screen. Here you can customize the “Allow Button Text” and “Decline Button Text” to your liking.
Cookie Manager Text Customizations
The text of your “Cookie Manager” buttons can be customized through the “Cookie Manager” tab. In the “Cookie Manager” tab, navigate to the “Cookie Manager Text” settings found on the left hand side of the screen. Here you can edit the “Accept Selected Button Text” to your liking.
In addition, the text of the “Cookie Manager” can be customized. The “Title Text” is the title of the “Manage Cookies''popup, the “Description Link Text” is the link that appears within the “Manage Cookies''popup, clicking on it will redirect users to your Enzuzo Privacy Policy.
Custom CSS Styling.
If you need additional customizations of the cookie banner, and you have access to your website's CSS/Theme files you can add the custom code there. While the CSS customizations are available in app, you will need to be on a paid plan to take advantage of them.
Enzuzo currently directly supports the styling customization of the banner + cookie manager through CSS selectors, To personalize your cookie manager buttons, target the button classes and IDs by editing the “Custom CSS” found on the “CSS” page found on the top nav.
You can target the 3 buttons with the following Class and IDs, the examples below change the cookie manager button text color:
#accept-modal.enzuzo-modal-button-accept { color: red; }
This will target the Cookie Banner “Allow Button Text” button text to be red.
#reject-modal.enzuzo-modal-button-reject { color: blue; }
This will target the Cookie Banner “Decline Button Text” to be blue.
#confirm-modal.enzuzo-modal-button-confirm { color: yellow; }
This will target the Cookie Banner “Accept Selected Button Text” to be yellow.
The “Manage Cookies” popup will look like the following with the customized CSS styling: