To manage cookie consent in compliance with GDPR on Webflow—including offering "Accept" and "Decline" buttons—you need to use a third-party cookie management platform that integrates with Webflow. If you're having trouble with a tool like Cookiebot or iubenda, here's how to correctly implement and troubleshoot it.
- Recommended tools include Cookiebot, Termly, iubenda, and Osano—all GDPR-compliant.
- Ensure the tool supports prior consent, meaning cookies are not set until after consent is given.
- Create an account with the consent platform.
- Configure your consent preferences: enable GDPR, define cookie categories (e.g., marketing, analytics), and customize banner text.
- Set up callback functions or category-based behavior if supported (for loading scripts only if consent is accepted).
3. Add Script to Webflow
- In the cookie platform’s dashboard, obtain your embed script.
- In Webflow, go to Project Settings → Custom Code → Head and paste the script as instructed by the cookie platform.
- Check if the script requires you to wrap cookies/tracking scripts in a consent check (e.g., based on a category being accepted).
4. Add the Consent Banner with Accept/Decline Options
- The cookie tool will typically inject a banner automatically when the page loads.
- For tools like Cookiebot:
- The banner includes built-in Accept, Decline, and Customize buttons.
- You can custom-style or translate the banner in your cookie tool dashboard.
5. Ensure No Cookies Load Prematurely
- Do not embed scripts like Google Analytics directly; instead, wrap them in consent logic:
- Place them inside the cookie tool’s tag manager compatibility or
- Use their APIs to load tracking scripts only if a user accepts the relevant cookie category.
- Avoid embedding scripts in Webflow’s layout that fire immediately on load (e.g., in Page Settings or inside HTML embeds) unless controlled by the cookie tool.
6. Verify GDPR Compliance
- After setup, test your site with:
- Cookiebot’s compliance checker (if using Cookiebot).
- Chrome’s Developer Tools → Application → Cookies tab to see what cookies load before and after accepting/declining.
- No non-essential cookies should load without explicit opt-in.
7. Troubleshoot Common Issues
- Banner not showing up: Check for script placement in Webflow Head or Body section and ensure domain verification in the cookie tool.
- Scripts still firing before consent: Move custom tracking scripts under the cookie platform’s consent configuration or edit visibility using their API.
- Styling issues: Customize within the cookie tool dashboard instead of Webflow CSS.
Summary
To manage cookies per user request on Webflow, embed a GDPR-compliant cookie consent platform like Cookiebot or iubenda into your Custom Code area. Let the platform handle cookie logic and the Accept/Decline UI. Ensure all scripts that set cookies are blocked until consent is given, and use the platform’s configuration tools to manage this behavior.