How to Add a Cookie Banner to Your Webflow Website
Video tutorial: Implement cookie consent on the WebFlow website
You can also follow the instructions below to install the CookieYes cookie banner manually.
Before you begin, make sure you have:
- A CookieYes account.
- Access to your Webflow site settings.
- Permission to publish the Webflow site.
- An eligible Webflow Workspace or an active Site plan that supports site-wide custom code.
Step 1: Create a CookieYes cookie banner
To begin, follow the below steps:
- Sign up on CookieYes for free.
- Follow the setup instructions to create a cookie banner for your website.
If you already have a CookieYes account but skipped the initial setup, log in to the CookieYes Dashboard and follow these steps:
- Select Cookie Banner from the top navigation panel to customize the banner’s layout, content, colours, and consent settings.
- Go to Advanced Settings and click Get Installation Code next to your website URL.
- Click Copy code to copy the CookieYes installation script for your Webflow website.
You can share the code with a developer or your team by clicking on Send code to a teammate button. Enter the email address and then click on Send email. The recipient will get the code and instructions via email.
Step 2: Add the CookieYes code to Webflow
1. Log in to your Webflow and go to Dashboard > Project Workspace. Select your project Settings.
2. Click on the Custom Code tab.
3. Paste the installation code into the Head Code section and click Save.
4. Click Publish to apply the changes.
5. Return to CookieYes and click Verify. You will see a success message: “CookieYes is installed on your site!”.
Your cookie consent banner should now be live on your Webflow website. You can return to the CookieYes Dashboard to complete your website scan and explore additional customisation options and features.
Still, have questions or facing issues? Contact technical support