Webflow Cookie Banner
1 Script Tag. 3 Minutes. Done.
Your Webflow site collects cookies the moment it loads. GDPR says that is illegal without consent. Add a compliant cookie banner through Project Settings custom code — under 10KB, $99 one-time, no subscriptions.
Do You Need a Cookie Banner on Webflow?
Short answer: yes. Every Webflow site sets cookies. If you use Webflow Analytics, Google Analytics, Facebook Pixel, or any third-party integration, your site drops tracking cookies on visitors the moment they arrive.
Under GDPR, PIPEDA, and CCPA, you must get explicit consent before setting non-essential cookies. No banner means no consent — and fines start at EUR 20,000 for small businesses.
Webflow does not include a built-in cookie consent tool. The Webflow Marketplace has a few options, but most charge monthly fees and add heavy scripts that slow down your carefully optimized site.
Our solution is different: 1 script tag, under 10KB, $99 once. Paste it into Project Settings > Custom Code and you are compliant in minutes.
How to Add Cookie Consent to Webflow
Three steps. No npm packages, no Webflow apps, no developer needed.
Build your banner in the visual editor
Open the builder, pick your compliance framework (GDPR, PIPEDA, CCPA), customize the design to match your Webflow site, and click Generate. You get a single script tag.
Open the BuilderPaste into Webflow Project Settings > Custom Code
In your Webflow dashboard, go to Project Settings → Custom Code → Head Code. Paste the script tag. That is it.
<!-- Cookie Banner — paste in Project Settings > Custom Code > Head Code --> <script src="https://www.cookie-banner.ca/api/v1/banner.js?id=YOUR_BANNER_ID" defer ></script>
Note: Custom code requires a paid Webflow site plan (Basic, CMS, Business, or Enterprise). The free Starter plan does not support custom code injection.
Publish your Webflow site
Click Publish in Webflow. The cookie banner appears automatically on every page. It blocks analytics and marketing cookies until the visitor consents. You are compliant.
Why Webflow Designers Choose This Cookie Banner
Built for Webflow sites. No bloat, no subscriptions, no compromises on design.
Matches Your Webflow Design
Visual builder lets you customize colors, typography, and layout. No CSS overrides or Webflow embeds needed.
Under 10KB, Zero Impact
Async loading from a global CDN. Your Webflow site stays fast. No effect on Core Web Vitals or Lighthouse scores.
GDPR, CCPA, PIPEDA
Automatically blocks tracking scripts until consent is given. Supports opt-in (GDPR) and opt-out (CCPA) modes.
Works on Every Webflow Plan
Any paid site plan that supports custom code. Basic, CMS, Business, or Enterprise. Multi-site and client projects included.
Update Without Republishing
Change banner text, colors, or compliance settings from the dashboard. Changes go live instantly. No Webflow republish needed.
Google Consent Mode v2
Built-in support for Google Consent Mode. Works with GA4, Google Ads, and Tag Manager out of the box.
Frequently Asked Questions
Common questions about adding cookie consent to Webflow
How do I add a cookie banner to Webflow?
Go to Project Settings > Custom Code in your Webflow dashboard. Paste the single script tag into the Head Code section. Publish your site. The cookie banner appears automatically on every page. The entire process takes under 3 minutes and requires zero coding knowledge.
Does Webflow cookie consent require a paid site plan?
Adding custom code in Webflow requires a paid site plan (Basic, CMS, Business, or Enterprise). This is a Webflow platform requirement for any custom code injection, not specific to our solution. If you are on the free Starter plan, you will need to upgrade to add any cookie consent solution via custom code.
Will a cookie banner slow down my Webflow site?
No. Our script is under 10KB gzipped and loads asynchronously from a global CDN. It will not block your page rendering or affect your Core Web Vitals scores. Webflow sites are already optimized for performance, and our banner is designed to preserve that speed.
Is this Webflow cookie consent GDPR and CCPA compliant?
Yes. The banner supports GDPR (EU), PIPEDA (Canada), CCPA/CPRA (California), and other global privacy regulations. It automatically blocks analytics and marketing scripts until the visitor consents. You configure the compliance mode in the visual builder based on your audience location.
Can I match the cookie banner to my Webflow design?
Absolutely. Use our visual builder to customize colors, fonts, button styles, position, and layout before generating your script. The banner respects your Webflow site typography and color palette. No CSS overrides needed. You can also update the design anytime from the dashboard without touching your Webflow project.
Make Your Webflow Site Compliant Today
Build your cookie banner in the visual editor, paste the script into Webflow Project Settings, and publish. Three minutes from now, you are GDPR compliant.