CookieConsent

Utilities

It is a functional site utility that manages consent state, privacy preferences, storage, and analytics events. It fits better under Utilities than Buttons, Layout, Sections, or Embeds.

Details

What it does

CookieConsent gives your Framer site a customizable cookie banner and preference center with location-aware consent behavior. It can auto-detect EU and US visitors using timezone detection, then adjust the default consent model for GDPR-style opt-in, CCPA-style opt-out, or relaxed consent. Visitor choices are saved in localStorage, and consent updates can fire custom browser events and GTM dataLayer events for analytics integrations.

Features

Location-aware compliance mode with Auto, GDPR, CCPA, and Relaxed options. GDPR mode starts optional categories off by default, CCPA mode starts them on by default, and Relaxed mode uses your category defaults. Editable cookie categories with ID, label, description, required status, and default-on behavior. Built-in preference center with toggle switches, required category handling, save/cancel actions, and privacy policy link. Persistent consent storage using a configurable localStorage key and expiration window. Accept all, reject all, manage preferences, save preferences, and close labels are fully editable. Supports custom consent events and GTM dataLayer pushes when consent changes. Includes banner layouts for full-width bar, floating card, and minimal mode. Position controls include top, bottom, bottom-left, and bottom-right. Full styling controls for background, surface, text, muted text, accent, reject color, borders, radius, button radius, shadow, font, max width, offset, and z-index.

How to use

Add CookieConsent to your Framer canvas and choose the banner layout and position. Edit the title, description, button labels, privacy policy link, and cookie categories from the property panel. Choose your compliance mode: use Auto-detect for region-based behavior, GDPR for opt-in consent, CCPA for opt-out consent, or Relaxed for category defaults. Enable event firing if you want consent changes to dispatch a custom event or push to Google Tag Manager. Turn off Force Show before publishing so the banner only appears when consent has not been saved or has expired.

Ideal for

Framer landing pages, SaaS websites, marketing sites, blogs, course platforms, template shops, analytics-heavy pages, startup websites, privacy-conscious brands, client projects, and any site that needs a polished cookie consent banner with editable preferences and analytics integration hooks.

Refund Policy

This is a digital product with instant access. All sales are final once the files or download link have been delivered, except where required by law. Refunds are not offered for change of mind, accidental purchases, lack of Framer experience, failure to read the description, third-party compatibility issues, or changes made after purchase. If the component has a reproducible technical defect caused by the original product, contact me within 7 days with your order email and evidence of the issue. I will first try to fix or replace the file. A refund may only be considered if the issue cannot be resolved. Your statutory rights are not affected.