Cookie Banner PRO Widget Guide
The Cookie Banner PRO widget is a robust solution for managing cookie consent on your website, ensuring compliance with international privacy laws such as GDPR, CCPA, and other data protection regulations. With advanced customization options and seamless integration, this widget allows you to display clear, user-friendly consent banners that align with your brand—while maintaining legal transparency and user trust.
1. Start with a Template
What you'll see:
Predefined banner layouts like Classic Notice, Bottom Bar, and Popup Modal
A Continue with this template button
How to proceed:
2. Use the Navigation Tabs
Once a template is selected, you’ll be directed to three main tabs:
Content – Update consent text and button labels
Style – Customize colors, fonts, and layout
Settings – Define cookie categories, behavior, and scripts
3. Customize Your Widget
Content Tab
Edit key content elements shown in your banner:
Consent Message – Explain how cookies are used (e.g., "We use cookies to improve your experience.")
Buttons – Customize labels like Accept All, Decline, or Manage Preferences
Policy Links – Link to your privacy or cookie policy
This section is fully editable with no coding required.
Style Tab
Tailor the look and feel to match your brand:
Colors – Set background, text, and button colors
Fonts – Adjust typeface and size for readability
Position – Choose top, bottom, center, or modal layout
Animations – Apply fade-in or slide-in transitions
Ensure your cookie banner feels native to your website.
Settings Tab
Control behavior and compliance configurations:
Cookie Categories – Define types like Essential, Analytics, Marketing
Consent Mode – Choose opt-in, opt-out, or prior consent behavior
Script Blocking – Add scripts that should only run after consent
Region Targeting – Display the banner only in specific regions (e.g., EU, California)
Expiration Settings – Set how long consent is remembered
You can also add custom JavaScript or CSS for advanced use cases.
Helpful Tips
Use the Content tab to write clear, concise, and compliant messages
Use the Style tab to match your site's aesthetics
Use the Settings tab to fine-tune functionality and regional compliance
Always click "Save" after making any edits!
