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

# Framer

> Add a GDPR & CCPA compliant cookie consent banner to your Framer site with CookieChimp. Step-by-step custom code installation for Framer projects.

Add a GDPR, ePrivacy and CCPA compliant [cookie consent banner](/docs/why-use-a-cmp) to your Framer site. CookieChimp installs as a single line of custom code in your Framer 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 Framer project">
    1. Open your project in the [Framer editor](https://framer.com/projects).
    2. Click the **Settings** icon (cog) in the top-left, then choose **Site Settings**.
    3. Open the **General** tab and scroll down to **Custom Code**.
    4. Paste the CookieChimp snippet into the **Start of `<head>` tag** field. Pasting it here (rather than "End of `<body>`") ensures the script runs before any tracking pixels load.
    5. Click **Save**, then **Publish** your site from the top-right of the editor.

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

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

    <Tip>
      Framer ships built-in integrations for Google Analytics, Google Tag Manager, Meta Pixel and others, which inject their own scripts. If you've enabled these in **Site Settings → Analytics & SEO**, prefer routing them through CookieChimp instead — either disable Framer's built-in version and re-add via Custom Code with `type="text/plain"` and `data-category`, or route them through GTM and use our [Google Tag Manager guide](/docs/installation/google-tag-manager).
    </Tip>
  </Step>

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

    In Framer, you can wire any button to open the preferences modal by adding an **Embed** layer with HTML, or by using the **Link** field with the URL `#cc-preferences` if you've configured that as a trigger. For most cases, enabling CookieChimp's built-in floating Privacy Trigger is enough.
  </Step>
</Steps>

## Troubleshooting

* **Banner doesn't appear on the published site** — make sure your published Framer domain (e.g. `your-site.framer.website` and any custom domain) is allowed in **Account Settings → Additional Domains** in your CookieChimp dashboard.
* **Banner appears in preview but not on the live site** — Framer requires you to **Publish** after any change to Site Settings. The editor preview uses a separate environment.
* **Snippet field is missing in Site Settings** — Custom Code is available on Framer's paid plans. The free plan does not allow head injection.

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

## Framer cookie banner FAQ

<AccordionGroup>
  <Accordion title="Does CookieChimp work with Framer's CMS?">
    Yes. CookieChimp runs in the `<head>` of every page Framer renders, including CMS-driven blog posts, collection pages and dynamic routes. No per-page setup is needed.
  </Accordion>

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