> For the complete documentation index, see [llms.txt](https://support.agentfire.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://support.agentfire.com/faqs-and-general/common-questions/articles-cookie-banner.md).
# How to Set Up the Cookie Banner on Your Website
Turn on the cookie banner, then put each script in the right box with the right cookie category so it only loads after a visitor agrees.
Visitors can see a cookie banner on your site and choose which optional cookies to allow. Tracking and advertising scripts wait until they agree. Strictly necessary cookies stay on so the site can load.
{% hint style="warning" %}
**This is not legal advice, and turning Cookie Consent on does not mean your site is "compliant" or protected from claims.** You decide whether to use it. If you need advice for your situation, talk to your attorney.
{% endhint %}
## Turn on the cookie banner
You can do this yourself from the admin.
{% stepper %}
{% step %}
### Open the cookie settings
If your dashboard shows a notice that your site looks like it uses advertising or tracking scripts, click **Activate**. Or open the menu in the top left and go to **Site Settings** > **AgentFire Settings** > **GDPR & Cookie Consent**.
{% endstep %}
{% step %}
### Turn it on and save
Switch **Enable Cookie Consent** to **Yes**, then click **Update**. That turns on the banner with the default settings. You can change the wording later.
{% endstep %}
{% step %}
### Check the category of each script
Go to **Site Settings** > **AgentFire Settings** > **Header/Footer Scripts & Metas** and check the category on each box that has code. See [Cookie categories](#cookie-categories) and [Where each script goes](#where-each-script-goes) below. If you are not sure, choose **Analytics & Marketing**.
{% endstep %}
{% step %}
### Check it as a visitor
Open your site in a private (incognito) window. The banner shows at the bottom of the page. You won't see it while you're logged in to your website.
{% endstep %}
{% endstepper %}
## Changing cookie choices later
After a visitor makes a choice, the banner goes away. They can change that choice later with a **Cookie Settings** link.
On most sites that link is already on the **Privacy Policy** page (Managed Privacy Policy). You don't need to add anything in the footer.
Add a link yourself only if **GDPR & Cookie Consent** shows a warning that **Managed Privacy Policy** is not enabled. Put it in the footer or on the Privacy Policy page:
```
Cookie Settings
```
Or use the shortcode `[cookie_settings_modal]`.
To add it in the footer, go to **Headers & Footers** > **Footers**, edit **every** footer used on the site, paste the link, and save.
## Optional: edit the banner text
On **Site Settings** > **AgentFire Settings** > **GDPR & Cookie Consent** you can change:
* The banner text and button labels
* The Cookie Settings window title and descriptions
* Colors, so the banner matches your site
In the banner text you can link to the settings window with `[settings]settings[/settings]`.
You don't need to change any of this for the banner to work.
## What visitors will see
* A cookie banner until they make a choice.
* Choices for **Essential**, **Functional**, and **Analytics & Marketing** cookies.
* After they choose, the banner stays gone as they browse.
* They can open **Cookie Settings** later from the Privacy Policy page (or from a footer or Privacy Policy link you added, if Managed Privacy Policy is off).
A few things you may notice on the live site:
* Some embedded content (videos, calendars, booking widgets) may show a placeholder until the visitor allows Functional cookies, or until they click to load it.
* Advertising and analytics reports will likely show fewer tracked conversions. Tracking only runs for visitors who allow Analytics & Marketing cookies. The visits themselves have not disappeared.
* Listing search and maps keep working. That's expected.
## Cookie categories
Go to **Site Settings** > **AgentFire Settings** > **Header/Footer Scripts & Metas**. Each box in use has a category dropdown.
| Category | Use it for | When it loads |
| --------------------------- | ------------------------------------------------------- | ---------------------------------------------- |
| **Essential (always load)** | JS or CSS the site breaks without | Always |
| **Functional** | Optional tools that are not ads (chat, video, Calendly) | After the visitor allows Functional |
| **Analytics & Marketing** | Ads, pixels, trackers, GTM, GA | After the visitor allows Analytics & Marketing |
**If you are not sure, choose Analytics & Marketing.**
Maps, listing search and other built-in features are already set. Use the rest of this section if you pasted tracking or widget code yourself.
## Categorize with AI
**Categorize scripts with AI** is in the sidebar on **Header/Footer Scripts & Metas** (the whole site) and on **Advertising and Tracking Scripts** in **Page settings** (that page or post only). It can suggest categories and move code between the boxes on that screen. That is a suggestion, not a legal review.
{% stepper %}
{% step %}
### Click Categorize
Wait until it finishes. Changed boxes are highlighted.
{% endstep %}
{% step %}
### Review each box
Change anything you don't want.
{% endstep %}
{% step %}
### Save or undo
Click **Update Settings** to save your choices, or **Revert** to undo.
{% endstep %}
{% endstepper %}
Nothing goes live until you click **Update Settings**. The categories on the site are the ones you save.
A run on **Header/Footer Scripts & Metas** doesn't change a page or post. A run in **Page settings** doesn't change the site-wide boxes or other pages.
## Where each script goes
Put each script in the box from this table. Using a different box can stop it from working, or load it under the wrong cookie category.
{% hint style="info" %}
**Two boxes were renamed.** **Head first** used to be called **Facebook Pixel Code**, and **Footer after closing tag** used to be called **Google Remarketing Script**. Older screenshots may still show the old names.
{% endhint %}
| Script | Box | Category |
| --------------------------------------------- | -------------------------------------------------------------------------------------------------------- | --------------------- |
| GA4 / gtag.js | **Head first** | Analytics & Marketing |
| Google Tag Manager (plus its noscript tag) | **Head first**, and the noscript tag in **Body before closing tag** or **Footer after closing tag** (\*) | Analytics & Marketing |
| Meta Pixel (plus its noscript tag) | **Head first**, and the noscript tag in **Body before closing tag** or **Footer after closing tag** (\*) | Analytics & Marketing |
| Two marketing scripts that both need the head | **Head first** | Analytics & Marketing |
| Hotjar, Microsoft Clarity, session recording | **Head first** | Analytics & Marketing |
| JSON-LD / schema markup | **Site Meta Tags** | Essential |
| Custom CSS or JS with no outside requests | **Site Meta Tags**, **Body after opening tag**, or **Footer after opening tag** | Essential |
| Google Ads remarketing | **Footer after closing tag** | Analytics & Marketing |
| Chat widget | **Footer before closing tag** | Functional |
(\*) Ignore the official recommendation to put `