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.
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.
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.
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.
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.
Spyridon Merkouris
