Cookie Consent Banner Builder

Free · Additional to Privacy Policy

Generate a self-hosted GDPR banner — one HTML snippet, zero dependencies.

Configure and generate a self-hosted cookie consent banner. The output is a single block of inline HTML + CSS + JS — no external dependencies, no CDN, just paste it before your </body> tag.

Included free with any Privacy Policy license — no separate purchase required. Need a full privacy policy?

Configure Banner

Banner position

Cookie categories

Necessary(always required)

Functional

Analytics

Marketing

Accept button text

Manage button text

A "Privacy Policy" link will appear in the banner text.

Button shape

Primary color

Preview

yourwebsite.com

🍪 We use cookies

We use cookies to enhance your browsing experience.

Accept allManage cookies

Generated Code

Promotion: Now free!

<!-- GDPR Cookie Banner — Generated by GDPR For Apps (gdprforapps.com) -->
<style>
  #gdpr-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:99998;}
  #gdpr-banner{position:fixed;bottom:0;left:0;right:0;border-radius:0;background:#fff;box-shadow:0 4px 24px rgba(0,0,0,0.15);padding:24px;z-index:99999;font-family:system-ui,sans-serif;font-size:14px;color:#1a1a1a;}
  #gdpr-banner h3{margin:0 0 8px;font-size:16px;}
  #gdpr-banner p{margin:0 0 16px;color:#555;line-height:1.5;}
  .gdpr-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;}
  .gdpr-btn-accept{background:#2563eb;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;}
  .gdpr-btn-accept:hover{opacity:0.9;}
  .gdpr-btn-manage{background:transparent;color:#555;border:1px solid #d1d5db;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;}
  .gdpr-btn-manage:hover{background:#f9fafb;}
  .gdpr-manage-panel{display:none;margin-top:16px;border-top:1px solid #e5e7eb;padding-top:16px;}
  .gdpr-category{margin-bottom:12px;}
  .gdpr-category label{display:flex;align-items:flex-start;gap:8px;cursor:pointer;}
  .gdpr-category input[type=checkbox]{margin-top:2px;}
  #gdpr-overlay{display:none;}
</style>

<div id="gdpr-overlay" style="display:none;"></div>
<div id="gdpr-banner">
  <h3>🍪 We use cookies</h3>
  <p>We use cookies to enhance your browsing experience and analyze our traffic.</p>
  <div class="gdpr-manage-panel" id="gdpr-manage-panel">
    <div class="gdpr-category">
      <label><input type="checkbox" checked disabled /><span><strong>Necessary</strong> — Essential for the website to function properly. Cannot be disabled.</span></label>
    </div>
    
      <div class="gdpr-category">
        <label>
          <input type="checkbox" name="gdpr-analytics" id="gdpr-analytics" />
          <span><strong>Analytics</strong> — Help us understand how visitors interact with the website.</span>
        </label>
      </div>
    <button class="gdpr-btn-accept" onclick="gdprSavePreferences()" style="margin-top:12px;">Save preferences</button>
  </div>
  <div class="gdpr-buttons">
    <button class="gdpr-btn-accept" onclick="gdprAcceptAll()">Accept all</button>
    <button class="gdpr-btn-manage" onclick="gdprToggleManage()">Manage cookies</button>
    <button class="gdpr-btn-manage" onclick="gdprRejectAll()">Reject non-essential</button>
  </div>
</div>

<script>
  (function() {
    var GDPR_KEY = 'gdpr-consent';
    if (localStorage.getItem(GDPR_KEY)) {
      document.getElementById('gdpr-banner').style.display = 'none';
      
      return;
    }
    

    window.gdprAcceptAll = function() {
      var consent = { necessary: true, analytics: true };
      localStorage.setItem(GDPR_KEY, JSON.stringify(consent));
      document.getElementById('gdpr-banner').style.display = 'none';
      
    };

    window.gdprRejectAll = function() {
      var consent = { necessary: true, analytics: false };
      localStorage.setItem(GDPR_KEY, JSON.stringify(consent));
      document.getElementById('gdpr-banner').style.display = 'none';
      
    };

    window.gdprToggleManage = function() {
      var panel = document.getElementById('gdpr-manage-panel');
      if (panel) {
        var stored = localStorage.getItem(GDPR_KEY);
        if (stored) {
          try {
            var consent = JSON.parse(stored);
            var _cbanalytics = document.getElementById('gdpr-analytics'); if (_cbanalytics) _cbanalytics.checked = consent['analytics'] !== false;
          } catch(e) {}
        } else {
          var _cbanalytics = document.getElementById('gdpr-analytics'); if (_cbanalytics) _cbanalytics.checked = false;
        }
        panel.style.display = panel.style.display === 'none' ? 'block' : 'none';
      }
    };

    window.gdprSavePreferences = function() {
      var consent = { necessary: true };
      consent['analytics'] = document.getElementById('gdpr-analytics') ? document.getElementById('gdpr-analytics').checked : false;
      localStorage.setItem(GDPR_KEY, JSON.stringify(consent));
      document.getElementById('gdpr-banner').style.display = 'none';
      
    };

    window.gdprOpenPreferences = function() {
      var banner = document.getElementById('gdpr-banner');
      if (banner) banner.style.display = '';
      
      var panel = document.getElementById('gdpr-manage-panel');
      if (panel) {
        var stored = localStorage.getItem(GDPR_KEY);
        if (stored) {
          try {
            var consent = JSON.parse(stored);
            var _panalytics = document.getElementById('gdpr-analytics'); if (_panalytics) _panalytics.checked = consent['analytics'] !== false;
          } catch(e) {}
        } else {
          var _panalytics = document.getElementById('gdpr-analytics'); if (_panalytics) _panalytics.checked = false;
        }
        panel.style.display = 'block';
      }
    };
  })();
</script>
<!-- End GDPR Cookie Banner -->

Paste this code before the closing </body> tag on your website. No external dependencies required.

💡 Let users reopen cookie preferences

Add this link or button anywhere on your page (e.g. in the footer) so users can change their preferences at any time:

<a href="#" onclick="gdprOpenPreferences(); return false;">Cookie Preferences</a>

or as a button:

<button onclick="gdprOpenPreferences()">Cookie Preferences</button>