How to add a cookie banner on your Webflow website

Adding a cookie banner to your Webflow website ensures compliance with privacy regulations like GDPR and CCPA. This guide will walk you through integrating a cookie banner using Ketch's Smart Tag in just a few simple steps.

‍

Why you need a cookie banner

Cookie banners inform visitors about your website’s use of cookies and allow them to manage their preferences. This transparency builds trust and helps avoid potential legal issues.

How do I create a cookie banner in Webflow? 

To create a cookie banner in Webflow, grab the Smart Tag from Ketch's Properties screen, go to your Webflow project settings, and paste the code into the Head Code section under Custom Code. Publish your site, and the banner will appear automatically.

‍

‍

Step-by-step guide to adding a cookie banner on Webflow

Installing a cookie consent banner on your webflow website is easy. Simply follow the below steps, or refer to the video or tour above for extra guidance.

Step 1: Grab the Ketch Smart Tag

1. Sign up for Ketch Free or log into your Ketch dashboard.
2. Navigate to the Properties screen.
3. Select the right property and click on Export Code
4. Copy the Website Smart Tag code provided.

‍

‍

‍

Step 2: Access Webflow settings

1. Log into your Webflow account.
2. Select the project where you want to add the cookie banner.
3. Click the Settings icon next to your project name.

‍

‍

Step 3: Add custom code

1. In the Webflow project settings, click the Custom Code tab on the left panel.
2. Locate the Head Code section.
3. Paste the Website Smart Tag code you copied from Ketch.

‍

‍

‍

Step 4: Publish your website

1. Click Save. A green pop up will confirm your save.
2. Publish your site by clicking Publish in the top-right corner.
3. Reload your website to see your cookie banner pop up.

‍

‍

‍

‍

“As a fast-growing but early-stage start-up operating across 3 regions (US, UK/EU, and Australia), Ketch was the obvious choice for us. Ketch made it easy to be compliant in all 3 regions, plugged straight into our website builder, and had excellent customer support. Thanks Ketch for making cookie consent banners easy!”

‍- Vivienne Chan, ‍Co-founder, Veraty

The free cookie banner and consent management you need, designed with you in mind

Growing small businesses get Ketch Free to achieve data privacy compliance at no cost, and with peace of mind.

Ketch offers a free, no-code cookie banner and consent management solution tailored for small businesses. It enables users to create customizable cookie banners that comply with privacy regulations such as GDPR and CCPA.

‍

‍

Troubleshooting & FAQs

The cookie banner isn’t showing up. What should I do?

Ensure that you published the site after adding the code. Double-check that the Smart Tag code was correctly inserted into the Head Code section.

How can I customize the appearance of the cookie banner?

Ketch Free offers a default banner to help you get up and running as quickly as possible.

Is branding important to you? Ketch Free includes hundreds of ways to customize your colors, fonts, screen placement, and more. Simply head over to Consent & Rights -> Properties -> Themes within the Ketch Free app. 

Is this cookie banner GDPR and CCPA compliant?

Ketch Free ensures compliance with major privacy regulations, including GDPR and CCPA. Deploy location-aware privacy experiences effortlessly using pre-built no-code templates. When new laws are enacted, Ketch automatically updates your UI with the latest compliant templates.

Do I need to update the code if I change my Webflow theme?

No, unless you create a new Webflow project. The Smart Tag remains active unless manually removed.

By following these steps, you can easily integrate a compliant cookie banner into your Webflow website, ensuring privacy compliance and building trust with your visitors.

‍