Documentation

Get Started with Cookie Consent Banners

Learn how to create, customize, and integrate GDPR-compliant cookie consent banners in just a few simple steps.

Quick Start Guide

Follow these simple steps to create your first cookie consent banner

Step 1

Create Your First Banner

Set up your cookie consent banner with our intuitive builder

  • Sign up for a free account
  • Click "Create New Banner" in your dashboard
  • Choose your banner position (top, bottom, or floating)
  • Select a theme (light, dark, or custom colors)
  • Customize your banner text and button labels
Step 2

Add Tracking Scripts

Configure which cookies and tracking scripts to manage

  • Navigate to the "Scripts" tab in the banner builder
  • Add your Google Analytics, Facebook Pixel, or other tracking codes
  • Categorize scripts as Strictly Necessary, Functionality, Performance, or Advertising
  • Configure script loading behavior and consent requirements
Step 3

Integrate Into Your Website

Add the generated code to your website

  • Copy the generated HTML/JavaScript code from your dashboard
  • Paste it into your website's `<body>` section (before closing `</body>` tag)
  • Test the banner on your live website
  • Verify that scripts load only after user consent
Step 4

Ensure Compliance

Make sure your banner meets GDPR and PIPEDA requirements

  • Review your privacy policy and cookie policy
  • Ensure users can easily access cookie preferences
  • Test the banner on different devices and browsers
  • Monitor consent rates and user interactions

Integration Example

Here's how to add your cookie banner to your website

HTML Integration

Copy and paste this code into your website's body section (before closing </body> tag)

<!-- Add this code to your website's <body> section (before closing </body> tag) -->
<script>
(function() {
  // Cookie Banner Configuration
  const bannerConfig = {
    title: "We use cookies",
    message: "This website uses cookies to enhance your browsing experience.",
    acceptButton: "Accept All",
    preferencesButton: "Cookie Settings",
    position: "bottom",
    theme: "dark"
  };
  
  // Cookie Banner Implementation
  // ... (full implementation code)
})();
</script>

Additional Resources

Learn more about cookie consent and compliance

Compliance Guide

Understand GDPR, PIPEDA, and other privacy regulations

Advanced Configuration

Learn about advanced banner customization options

Ready to Get Started?

Create your first cookie consent banner in minutes

Create Your Banner