> ## 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.

# Webflow

> Add a GDPR & CCPA compliant cookie consent banner to your Webflow site with CookieChimp. Step-by-step Custom Code installation in Project Settings.

Add a GDPR, ePrivacy and CCPA compliant [cookie consent banner](/why-use-a-cmp) to your Webflow site. CookieChimp installs as a single line of Custom Code in your Webflow Project Settings — no plugins, no rebuild required.

<Steps>
  <Step title="Copy your CookieChimp snippet">
    <Snippet file="install/cms-copy-snippet-step.mdx" />
  </Step>

  <Step title="Add the snippet to your Webflow project">
    1. Log into your [Webflow dashboard](https://webflow.com/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.

    <Snippet file="install/script-first-warning.mdx" />
  </Step>

  <Step title="Block scripts & cookies">
    <Snippet file="install/cms-block-scripts-step.mdx" />

    <Tip>
      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.
    </Tip>
  </Step>

  <Step title="Allow users to update their preferences">
    <Snippet file="install/cms-preferences-step.mdx" />
  </Step>
</Steps>

## 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.

<Snippet file="install/cms-troubleshooting-footer.mdx" />

## Webflow cookie banner FAQ

<AccordionGroup>
  <Accordion title="Does CookieChimp work with Webflow CMS Collections?">
    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.
  </Accordion>

  <Accordion title="Does it block Webflow's built-in form analytics?">
    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](/block-scripts-cookies/script-attributes) page.
  </Accordion>

  <Snippet file="install/cms-common-faqs.mdx" />
</AccordionGroup>
