How to Add A Cookie Consent Banner to Webflow with CookieYes

One thing you may have noticed with Webflow is that it doesn't offer a native cookie banner or built-in cookie consent tool.

With many cookie consent solutions out there, it can be confusing to pick one for your website. I personally like to use CookieYes due its quick, no-code setup, ease of use and reliable consent management trusted by 1.5 million websites. As a Google-certified CMP, this is a solution I recommend for Webflow client projects.

Adding a CookieYes consent banner to a Webflow website is a straightforward process that helps ensure privacy regulation compliance, such as GDPR and CCPA. Continue reading for a clear, step-by-step guide to help you get started!

For a limited time, you can get 10% off on any CookieYes plan using this referral code! With a 14-day trial period, you can get a chance to test out CookieYes to see if it's the right fit for you.

Why Add CookieYes to Webflow?

A cookie consent banner is essential for legal compliance and user trust, especially for websites that bring in website traffic globally. A consent management platform (CMP) like CookieYes makes compliance easy by offering customizable banners that are compatible with privacy laws globally. Integrating CookieYes with Webflow is popular due to its ease of setup and ongoing management.

Benefits of CookieYes

What I enjoy most about CookieYes is its ease of setup, use, and installation. They also offer several pricing plans, from a free starter plan to Basic, Pro, and Ultimate pans, with the paid plans starting at $10/month - a small investment that's worth it for peace of mind.

CookieYes also offers a cookie policy and privacy policy generator as well, which are essential for your website.

Step-by-Step Integration Guide for CookieYes & Webflow

Here are the step by step instructions on installing CookieYes on your Webflow site:

1. Sign Up and Configure Banner

Go to the CookieYes website and sign up for a free account and fill in details, like email and website URL.

Once you're logged in, you can customize your banner. You can choose from different styles, templates, and customize text, colors, and consent options to match your website's branding and messaging!

2. Copy the CookieYes Installation Code

On the CookieYes dashboard, look for the option to “Get Installation Code” under the Advanced Settings. Click the “Copy Code” button to copy the JavaScript snippet needed for your site.

3. Add the Code to Your Webflow Project

Once you've copied the CookieYes installation code, open Webflow, go to the project’s dashboard, and access “Project Settings.”

• Click on the “Custom Code” tab.
• Paste the CookieYes code into the “Head Code” section. This ensures the banner loads as soon as a visitor accesses any page.

4. Publish Your Webflow Site

After saving the custom code, publish the site for the changes to take effect. If you don't publish at this step, it will not work! To confirm successful integration, return to the CookieYes setup and use the “Verify” button. A success message means the banner is active and ready to go on your website.

5. Test and Customize As Needed

Once you've added in the code, you can check the published site in an incognito or fresh browser session to check that the banner displays correctly. You can return to the CookieYes dashboard anytime to tweak banner design, messaging, or compliance settings. That's it!

Ready to Add CookieYes to Your Website?

With CookieYes, it's easy to add a reliable cookie banner and consent management solution that's easy to set up and install.

For a limited time, you can get 10% off on any CookieYes plan using this referral code! With a 14-day trial period, you can get test out CookieYes to see if it's the right fit for you.