Marketing ToolsFree

Cookie Consent Generator

Configure your cookie consent banner with custom text, button labels, and color settings, then get the complete HTML/CSS/JS code. Supports essential, analytics, and marketing cookie categories for GDPR compliance.

cookiegdprconsentprivacycompliancebanner
#1f2937
#f9fafb
#f97316
Preview

We use cookies to enhance your experience. By continuing to visit this site you agree to our use of cookies.

Cookie SettingsReject AllAccept All
<!-- Cookie Consent Banner -->
<div id="cookie-consent" style="
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #1f2937;
  color: #f9fafb;
  padding: 16px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  z-index: 9999;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 14px;
  box-shadow: 0 -2px 10px rgba(0,0,0,0.15);
">
  <p style="margin: 0; flex: 1; min-width: 200px;">We use cookies to enhance your experience. By continuing to visit this site you agree to our use of cookies.</p>
  <div style="display: flex; gap: 8px; flex-wrap: wrap;">
    <button onclick="document.getElementById('cookie-consent').style.display='none'" style="padding: 8px 16px; border: 1px solid #f9fafb40; border-radius: 6px; background: transparent; color: #f9fafb; cursor: pointer; font-size: 13px;">Cookie Settings</button>
    <button onclick="document.getElementById('cookie-consent').style.display='none'" style="padding: 8px 16px; border: 1px solid #f9fafb30; border-radius: 6px; background: transparent; color: #f9fafb; cursor: pointer; font-size: 13px;">Reject All</button>
    <button onclick="document.getElementById('cookie-consent').style.display='none'" style="padding: 8px 16px; border: none; border-radius: 6px; background: #f97316; color: white; cursor: pointer; font-weight: 600; font-size: 13px;">Accept All</button>
  </div>
</div>