Cookie Banner PRO

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:

• Click on a layout to preview and select

• Click Continue to customize your cookie banner

2. Use the Navigation Tabs

Once a template is selected, you’ll be directed to three main tabs:

1. Content – Update consent text and button labels

2. Style – Customize colors, fonts, and layout

3. 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!