To comply with GDPR in a Webflow site, you need a cookie consent mechanism that allows users to accept or decline non-essential cookies like analytics or marketing scripts. Webflow doesn't offer built-in GDPR cookie management, so it must be done using third-party tools or custom setup.
1. Choose a GDPR-Compliant Cookie Consent Tool
- Recommended tools include Cookiebot, Osano, or Termly, which integrate with Webflow easily.
- Ensure the tool supports:
- Granular consent (e.g., Necessary, Preferences, Statistics, Marketing)
- Consent per category
- Accept and Decline buttons
- Regional display (only visible in EU)
2. Add the Cookie Tool Script in Webflow
- Go to Project Settings > Custom Code > Head
- Paste the tool’s provided script under the <head> section so it loads early.
- Most providers generate a code snippet when you create a new consent dialog.
3. Block Non-Essential Scripts by Default
- Scripts like Google Analytics, Meta Pixel, etc., should not load unless consent is granted.
- Use the cookie tool's callback functions or tags manager, or wrap your scripts so they trigger only after consent.
- Example (conceptual only): Delay loading Google Analytics until the user selects “Accept”.
4. Add Accept and Decline Buttons Visibly
- Most tools add these automatically in the consent banner:
- Accept: Enables all categories of cookies.
- Decline: Blocks non-essential cookies but still uses necessary cookies.
- You can also customize button styles in the cookie tool’s UI or dashboard.
5. Test in an Incognito or EU-Based VPN
- Check that the cookie banner appears as required in the EU.
- Click “Decline” and confirm no tracking or marketing cookies are being set.
- Click “Accept” and confirm those cookies then activate.
6. Fix Tool Implementation Issues
If your consent tool isn't working:
- Check if any custom code is overriding or conflicting (e.g., hardcoded scripts set to load by default).
- Ensure the tool script is placed correctly in Project Settings, not just on one page.
- Clear cookies and test in incognito mode to verify proper behavior.
- Contact provider support if the consent categories aren’t functioning as expected.
Summary
To enable GDPR-compliant cookie control in Webflow, use a third-party tool, embed its script in the head, and block non-essential scripts until the user consents. Make sure both Accept and Decline buttons are visible and functional. Confirm behavior by testing regionally and in incognito mode.