> ## 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.
# Installation
> Add CookieChimp to your website in under 5 minutes.
Add your website's CookieChimp JS snippet in the `` tag of your HTML:
The CookieChimp script needs to be added at the top of the `` section, so that it can run first, in order to ensure other scripts are only run based on consent.
If other scripts are added before, they may set cookies and other storage items before consent is granted.
```html theme={null}
```
You need to replace `abc123` with your website's unique CookieChimp ID.
To ensure compliance with GDPR regulations, it's crucial not only to display a consent banner but also to actively block all non-essential scripts and cookies until the user has given explicit consent.
For comprehensive instructions on how to effectively manage and block scripts and cookies, please refer to our [Scripts Management Section](/docs/block-scripts-cookies/script-attributes).
CookieChimp provides a floating privacy icon (Privacy Trigger) that allows users to manage their cookie preferences at any time.
You can enable this in the banner settings.
Optionally, you can open the preferences modal with a custom link or button by adding a button with the data attribute `data-cc="show-preferencesModal"`:
```html theme={null}
```
## Are there platform-specific guides?
Yes — pick the guide that matches your stack for tailored instructions.
### Plain HTML
Add the snippet to a static HTML site — also a useful reference for understanding how CookieChimp works under the hood.
### JavaScript frameworks
App Router and Pages Router with `next/script`.Plain React apps with React Router.Server-rendered React with client navigation.Vue framework with SSR and client routing.Standalone or NgModule-based apps.Static sites, with or without View Transitions.SvelteKit's `afterNavigate` pattern.Generic SPA setup if your framework isn't above.
### CMS, eCommerce & tag managers
Official plugin with WP Consent API support.Add the snippet to `theme.liquid`.Direct HTML or via GTM's Consent Initialization trigger.
### Website builders
Custom Code in Project Settings.Site Settings → Custom Code → Head.Header Code Injection.Custom Code on Wix Premium plans.Site Header in Code Injection.Embed widget set to Head (Carrd Pro).Site-Wide Code → Header.SEO/metatags → Script/meta tags in header.SEO → Header Code (paid plans).Integrations → Custom code.
## What if the banner doesn't show?
* Check if the domain is allowed in the Settings page on our platform.
* If the widget doesn't display, ensure there are no conflicts with other scripts or styles on your website.
* Clear your browser cache and cookies, then reload the website.
* Enable "Debug mode" from our platform and open JS console to check for any errors.
## How do I get help?
If you encounter any issues or require further assistance, please reach out to us via our chat.