Webflow Cookie Banner — Copy, Paste, Done in 5 Minutes

<!-- Cookie Consent Banner -->
<script>
  (function() {
    // Cookie consent configuration
    const config = {
      position: 'bottom',
      theme: 'light',
      primaryColor: '#3B82F6',
      title: 'We use cookies',
      message: 'This website uses cookies to improve your experience.',
      acceptText: 'Accept All',
      rejectText: 'Reject',
      preferencesText: 'Preferences'
    };
    
    // Initialize banner
    window.cookieConsent = config;
  })();
</script>
<script src="https://cdn.cookiebanner.com/banner.js"></script>

// Add to functions.php
function add_cookie_consent_banner() {
    ?>
    <script>
    (function() {
        const config = {
            position: 'bottom',
            theme: 'light',
            primaryColor: '<?php echo get_theme_mod("primary_color", "#3B82F6"); ?>',
            title: 'We use cookies',
            message: 'This website uses cookies to improve your experience.',
            acceptText: 'Accept All',
            rejectText: 'Reject',
            preferencesText: 'Preferences'
        };
        window.cookieConsent = config;
    })();
    </script>
    <script src="https://cdn.cookiebanner.com/banner.js"></script>
    <?php
}
add_action('wp_head', 'add_cookie_consent_banner');

import { useEffect } from 'react';

function CookieConsent() {
  useEffect(() => {
    const config = {
      position: 'bottom',
      theme: 'light',
      primaryColor: '#3B82F6',
      title: 'We use cookies',
      message: 'This website uses cookies to improve your experience.',
      acceptText: 'Accept All',
      rejectText: 'Reject',
      preferencesText: 'Preferences'
    };
    
    window.cookieConsent = config;
    
    // Load the script
    const script = document.createElement('script');
    script.src = 'https://cdn.cookiebanner.com/banner.js';
    script.async = true;
    document.head.appendChild(script);
    
    return () => {
      document.head.removeChild(script);
    };
  }, []);
  
  return null;
}

export default CookieConsent;