Skip to main content

Documentation Index

Fetch the complete documentation index at: https://docs.cookiechimp.com/docs/llms.txt

Use this file to discover all available pages before exploring further.

Add a GDPR, ePrivacy and CCPA compliant cookie consent banner to your Webflow site. CookieChimp installs as a single line of Custom Code in your Webflow Project Settings — no plugins, no rebuild required.
1

Copy your CookieChimp snippet

Log in to your CookieChimp dashboard and copy your website's JS snippet:
<script src="https://cookiechimp.com/widget/abc123.js"></script>
Replace abc123 with your website's unique CookieChimp ID.
2

Add the snippet to your Webflow project

  1. Log into your Webflow dashboard.
  2. Select your project to open the Designer.
  3. Navigate to Project Settings (gear icon at the bottom-left).
  4. Open the Custom Code tab at the top.
  5. In the Head Code section, paste the CookieChimp snippet.
  6. Save the changes and click Publish at the top right of the Designer.
The CookieChimp script needs to be the first script in the <head> section so it can block other scripts before they run and set cookies without consent. If other scripts are added before, they may set cookies and other storage items before consent is granted.
3

Block scripts & cookies

To stay compliant with GDPR and other privacy regulations, you need to actively block non-essential scripts and cookies until the user gives consent. See our Scripts Management Section for full details.
If you embed third-party tools through Webflow’s Embed elements (e.g. Hotjar, Intercom, custom pixels), update those embeds to use type="text/plain" and a data-category attribute so CookieChimp can manage them based on consent.
4

Allow users to update their preferences

CookieChimp provides a floating privacy icon (Privacy Trigger) that lets users manage cookie preferences at any time. Enable it in the banner settings.To open the preferences modal from a custom button or link, add the data attribute data-cc="show-preferencesModal":
<button type="button" data-cc="show-preferencesModal">
  Manage cookie preferences
</button>

​
Troubleshooting

  • Make sure your published Webflow domain is allowed in the Account Settings in your CookieChimp dashboard. The *.webflow.io staging domain is not included by default — add it if you want to test the banner before publishing to a custom domain.
  • After saving custom code, you must publish the site again — changes do not appear on the staging or production URL until publish.
  • Enable Debug mode from the CookieChimp dashboard and check the browser JS console for errors.
If you encounter any issues or need further assistance, please reach out to us via our chat.
Yes. CookieChimp runs in the <head> of every page Webflow renders, including CMS Collection pages, dynamic templates and category pages. No per-page setup is needed.
Webflow’s form submissions don’t set tracking cookies by themselves. If you’ve connected Google Analytics, Facebook Pixel or similar through Custom Code or an Embed, those scripts will be blocked until consent — see the Scripts Management page.
No. The CookieChimp script is under 30KB gzipped, loads asynchronously and is served from a global CDN. It doesn't block rendering and won't meaningfully affect your Lighthouse scores.
CookieChimp has a free tier suitable for low-traffic sites, with paid plans for higher traffic and additional features. See pricing.