Works with Any Platform

CookieSeal integrates seamlessly with WordPress, Shopify, React, and any website. Get GDPR, DPDPA, and CCPA compliant in minutes, not hours.

Universal JavaScript • Zero Dependencies • 30KB

Supported Platforms

WordPress

Easy integration via plugin or custom code

  • Plugin available
  • Theme integration
  • Multisite support

Shopify

Perfect for e-commerce cookie compliance

  • Theme customization
  • Checkout compatibility
  • App store listing

React/Next.js

Native JavaScript integration for modern apps

  • NPM package
  • TypeScript support
  • Hook-based API

Wix

Simple setup in the Wix editor

  • Custom code widget
  • Mobile responsive
  • Velo integration

Squarespace

Code injection for beautiful websites

  • Code injection
  • Template compatibility
  • Mobile optimization

Webflow

Designer-friendly implementation

  • Custom code embed
  • Responsive design
  • CMS integration

HTML/CSS/JS

Universal compatibility for any website

  • Zero dependencies
  • Vanilla JavaScript
  • Cross-browser support

Google Tag Manager

Manage through GTM for complex setups

  • Tag management
  • Event tracking
  • Conditional loading

5-Step Integration

1

Add Your Website

Sign up for CookieSeal and add your domain to get your unique site key.

2

Customize Your Banner

Configure colors, position, text, and behavior to match your brand.

3

Install the Script

Add the CookieSeal script to your website using our platform-specific guides.

4

Configure Cookie Blocking

Use data attributes to control which scripts load based on consent choices.

5

Test & Go Live

Verify everything works correctly and start collecting compliant consent.

Code Examples

Basic HTML Integration
<!-- Add to your <head> section -->
<script src="https://cookieseal.com/s/YOUR_SITE_KEY.js" async></script>
React Component
import { useEffect } from 'react';

function CookieSeal({ siteKey }) {
  useEffect(() => {
    const script = document.createElement('script');
    script.src = `https://cookieseal.com/s/${siteKey}.js`;
    script.async = true;
    document.head.appendChild(script);
    
    return () => {
      document.head.removeChild(script);
    };
  }, [siteKey]);

  return null;
}
WordPress Theme Integration
<?php
// Add to your theme's functions.php
function add_cookieseal_script() {
    $site_key = 'YOUR_SITE_KEY';
    wp_enqueue_script(
        'cookieseal',
        "https://cookieseal.com/s/$site_key.js",
        array(),
        '1.0',
        false
    );
}
add_action('wp_enqueue_scripts', 'add_cookieseal_script');
Shopify Liquid Integration
<!-- Add to theme.liquid before </head> -->
<script src="https://cookieseal.com/s/YOUR_SITE_KEY.js" async></script>

Cookie Blocking Setup

Use data attributes to automatically block scripts until consent is given:

Analytics Cookies (Google Analytics)

<!-- Before: Normal Google Analytics -->
<script src="https://www.googletagmanager.com/gtag/js?id=GA_TRACKING_ID"></script>

<!-- After: CookieSeal Managed -->
<script 
  data-cookieseal="analytics" 
  data-src="https://www.googletagmanager.com/gtag/js?id=GA_TRACKING_ID">
</script>

Marketing Cookies (Facebook Pixel)

<!-- Marketing scripts with data-cookieseal="marketing" -->
<script data-cookieseal="marketing">
  !function(f,b,e,v,n,t,s){...}(window,document,'script',
  'https://connect.facebook.net/en_US/fbevents.js');
</script>

Preference Cookies (Chatbots, etc.)

<!-- Preference scripts with data-cookieseal="preferences" -->
<script 
  data-cookieseal="preferences"
  data-src="https://widget.intercom.io/widget/YOUR_APP_ID">
</script>

💡 Tip: Necessary cookies (authentication, security, etc.) don't need data-cookieseal attributes - they always load.

Advanced Features

Event Listeners

Listen for consent events to trigger custom logic:

window.addEventListener('cookieseal:consent', (e) => {
  console.log(e.detail.choices);
});

Custom Styling

Override banner styles with CSS:

#cookieseal-banner {
  border: 2px solid #your-brand-color;
  border-radius: 16px;
}

API Integration

Programmatic consent management:

fetch('/api/consent', {
  method: 'POST',
  body: JSON.stringify(choices)
});

Ready to Integrate?

Get your website compliant in minutes. No complex setup, no vendor lock-in.

Start Free TrialGet Implementation Help