---
title: "How to Add Cookie Banner on WebFlow Website"
subtitle: "Generate a custom cookie banner and add it to your Webflow website in minutes. Sign up for free and manage all your cookie consent needs easily."
source: "https://www.cookieyes.com?utm_source=cy_llm_widget&utm_medium=cy_llm_widget&utm_campaign=cy_llm_widget"
---

# How to Add Cookie Banner on WebFlow Website
Welcome to CookieYes! This documentation will guide you through setting up CookieYes on a WebFlow website. By following the steps, you can easily integrate CookieYes into your WebFlow website and enable a cookie consent banner.

## Video tutorial: Implement cookie consent on the WebFlow website




You can also follow the step-by-step instructions given below to easily implement a cookie banner on your WebFlow website.

## Step 1: Sign Up on CookieYes and Create a Cookie Banner.


To begin, follow the below steps:


- Sign up on CookieYes for free. 

- Once you have created the account, create a cookie banner for your website.



In case you have already signed up on CookieYes, without taking any action on the initial setup screens, head to the CookieYes Dashboard. 


- To customize the cookie banner, select the Cookie Banner from the top navigation panel.

- To get the banner installation code, head to Advanced Settings and click on the Get Installation Code button on the right side of the URL. 

- Now click on the Copy code button to get the CookieYes installation code.



![Install Banner- setup screen](https://www.cookieyes.com/wp-content/uploads/2023/10/copy-code.jpg)


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 CookieYes consent banner on the WebFlow website


Step 1: Head to your WebFlow Dashboard > Project Workspace and select your project Settings.

![Site settings](https://www.cookieyes.com/wp-content/uploads/2024/01/site-settings.jpg)


Step 2: On the Setting page, click on the Custom Code tab.

![Custom code section](https://www.cookieyes.com/wp-content/uploads/2024/01/custom-code-scaled.jpg)


Step 3: Paste the installation code in the Head Code section and click on Save Button.

![Add code- Custom code](https://www.cookieyes.com/wp-content/uploads/2024/01/code-scaled.jpg)


Step 4: To reflect the cookie banner on your website, click the Publish button.

![Cookie Banner on the Website](https://www.cookieyes.com/wp-content/uploads/2023/10/cookie-banner-scaled.jpg)


Step 5: Head back to the setup screen and click on the Verify button. You will see a success message:  “CookieYes is installed on your site!”. 

![Image](https://www.cookieyes.com/wp-content/uploads/2023/12/verified.jpg)


Now you will see the new cookie consent banner on your WebFlow website. From the CookieYes Dashboard, you can complete the website scanning and explore additional customisations and features.

See also

- Features and integrations

- How to customize your cookie banner

- Ultimate guide to GDPR cookie consent

- Frequently asked questions



Still have questions or facing issues? [Contact technical support](https://www.cookieyes.com/support/?query=troubleshoot).

      [Next chapter:
            Complete website scanning](https://www.cookieyes.com/documentation/website-scanning/)