How can I get the cookie consent banner to show up on my Webflow page?
- Enable Webflow's built-in cookie consent in Project Settings > Privacy or
- Add a third-party tool by pasting its script in Project Settings > Custom Code, then test in a private browser.
To display a cookie consent banner on your Webflow site, you need to either enable Webflow’s built-in banner or use a third-party tool. Here's how to do both.
1. Use Webflow's Built-In Cookie Consent
Webflow has a native cookie consent banner that meets basic compliance standards (like GDPR).
- Go to Project Settings in your Webflow Dashboard.
- Click the Privacy tab.
- Toggle Enable Cookie Consent Banner to ON.
- Customize the message text and button label as needed.
- Hit Save Changes and Publish your site.
This banner will now display automatically to users in regions where cookie compliance is required.
2. Add a Third-Party Cookie Consent Tool
If you need more customization or detailed consent management (e.g., for analytics consent), you can use tools like Cookiebot, Osano, or OneTrust.
- Sign up for an account with the third-party service.
- Generate the cookie consent script within their dashboard.
- In Webflow, go to Project Settings > Custom Code.
- Paste the script into the appropriate section:
- Use Head code for scripts that initialize early.
- Click Save and Publish your site.
Be sure the tool supports region-based triggering if you only want it active in select countries.
3. Test the Banner Display
- Visit your published site in an incognito or private window.
- If using Webflow’s banner, it should auto-display for EU visitors.
- If using a third-party tool, make sure the script is loading and the banner is active.
Summary
To show a cookie consent banner in Webflow, either enable the built-in option in Project Settings > Privacy or integrate a third-party script via Custom Code. Be sure to test it in a private browser to confirm proper display.