> ## Documentation Index
> Fetch the complete documentation index at: https://funnelfox.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Cookie consent element

> Add GDPR-compliant cookie consent banners to your FunnelFox funnels. Customize styling, text, and consent management behavior.

You can add a cookie consent to your web funnel by adding a Cookie Consent element to your screen. The cookie consent allows you to provide users with the possibility to turn off analytical events or marketing tracking.

<Frame>
  <img src="https://mintcdn.com/funnelfox/cxG6YKcN6wJiSnp-/assets/cookie-consent-example.png?fit=max&auto=format&n=cxG6YKcN6wJiSnp-&q=85&s=0e4d51187ebbce0863894fd080fe8602" width="1920" height="989" data-path="assets/cookie-consent-example.png" />
</Frame>

## Setup

### 1. Add Cookie Consent

Prompt the AI Chat in Editor to add a cookie consent element to your screen.

Or open the **Layers** tab, click **+Add element**, then go to **All > Cookie Consent**.

<Frame>
  <img src="https://mintcdn.com/funnelfox/KAngMY6MfAm-9pc7/assets/add-cookie.png?fit=max&auto=format&n=KAngMY6MfAm-9pc7&q=85&s=e813a8e023b55a97268d076977acdbf3" width="1920" height="989" data-path="assets/add-cookie.png" />
</Frame>

### 2. Cookie categories

In the **Parameters** tab, Cookie Consent element has three built-in categories of cookies:

* **Necessary Cookies**: Includes FunnelFox cookies and events to [the FunnelFox webhooks](/develop/webhooks).
* **Analytics Cookies**: Includes cookies and events for 3rd party analytics systems (e.g., Google Analytics, Amplitude, Mixpanel)
* **Tracking Cookies**: Includes marketing and ad-tracking cookies (e.g., ad pixels).

<Info>The current Cookie Consent implementation does not integrate with Google services for consent validation.</Info>

For each category, you can edit:

* **Title**
* **Description**
* **Necessity** (if enabled, users cannot turn this category off)

<Frame>
  <img src="https://mintcdn.com/funnelfox/cxG6YKcN6wJiSnp-/assets/cookie-groups.png?fit=max&auto=format&n=cxG6YKcN6wJiSnp-&q=85&s=d27ae8f27fd992e9826fbb37d2e60436" alt="Cookie categories" width="1920" height="989" data-path="assets/cookie-groups.png" />
</Frame>

### 3. Cookie consent styles

In the **Styles** tab, configure the appearance of your Cookie Consent element. The chosen style applies to all consent views.

<Frame>
  <img src="https://mintcdn.com/funnelfox/cxG6YKcN6wJiSnp-/assets/cookie-styles.png?fit=max&auto=format&n=cxG6YKcN6wJiSnp-&q=85&s=14034676f2355eeaf2dbc72aafc82931" alt="Cookie styles" width="1920" height="989" data-path="assets/cookie-styles.png" />
</Frame>

### 4. Preview

There are two views for Сookie Сonsent:

* **Consent view**: can be previewed directly in the builder.

* **Configuring cookies pop-up**: open Preview for the screen to view this state.