No-code

4 min

How to Add a Cookie Banner in Webflow

Learn how to add a GDPR-compliant cookie banner to your Webflow website: native, Cookiebot, Axeptio, and GTM.

In this tutorial, Sandro — Gemeos co-founder — shows you how to add a cookie banner to your Webflow website.

Solution	Cost	GDPR compliance	Webflow integration
Native Webflow cookie script	Included in some plans	Basic	Native
Cookiebot	Freemium	Excellent	Script in the head
Axeptio	Freemium	Excellent for FR	Script in the head
Finsweet ConsentPro	Paid	Excellent	Native Webflow

1. Native Webflow solution

Webflow offers a basic cookie banner in Project Settings > Cookie Consent. Enable it, customize the message and colors. It’s limited when it comes to GDPR compliance: no granular control by cookie category.

2. Cookiebot or Axeptio (recommended)

For solid GDPR compliance, install Cookiebot or Axeptio. Create an account, set up your cookie categories, copy the provided script, and paste it into Project Settings > Custom Code > Head. These tools automatically block third-party scripts (GA4, Meta Pixel) until consent is given.

3. Connect to Google Tag Manager

So GTM only fires GA4 and Meta Pixel after consent, set up consent variables in GTM (Consent Mode v2). Your cookie banner tools handle sending consent signals to GTM automatically.

Good to know

Since 2022, France’s CNIL has required non-essential cookies (analytics, advertising) to be dropped only after explicit consent. A cookie banner that doesn’t actually block third-party scripts isn’t compliant. Make sure your solution really blocks scripts before consent by checking network requests in Chrome DevTools.

Conclusion

A cookie banner is mandatory for any website with analytics or ad pixels. Want to go further? Check out our guide on adding GTM to Webflow.

How to Add a Cookie Banner in Webflow

1. Native Webflow solution

2. Cookiebot or Axeptio (recommended)

3. Connect to Google Tag Manager

Conclusion

Heading

Lorem ipsum dolor sit amet consectetur.

Lorem ipsum

Similar tutorials