Cookie consent
A consent banner that asks visitors how they want their cookies handled.
What it’s for. Showing a cookie notice the first time someone visits, and remembering their choice so you don’t ask again. Visitors can accept all, decline everything but the essentials, or open up categories and pick. The choice is saved in their browser and expires after a set number of days, then the banner returns.
When to use it. Turn it on when you sell to regions with consent rules — the EU, UK, and similar. It’s off by default.
Ways to use it
- Simple accept/decline — one notice, an “Accept all” and a “Decline” button. Fastest setup.
- Granular — adds a “Customize” button that opens toggles for analytics, marketing, and functional cookies, plus “Save preferences.” Essential is always on and can’t be switched off.
- Pick a position — a full-width bar at the top or bottom, a small card in either bottom corner, or a centered modal that dims the page.
Tips
- This banner records consent in the visitor’s browser and signals Google Consent Mode (if you use gtag). It does not wire into Shopify’s Customer Privacy API on its own — if you rely on Shopify’s consent tracking, confirm that’s set up separately.
- Add a “Manage preferences” link anywhere with
data-open-cookie-preferencesand it reopens the banner. - Dismissing the modal (close, overlay, or Escape) counts as a decline on the first visit, so it stops nagging.
- Colors follow your theme unless you turn on a specific override.
Settings
| Setting | Type | What it does |
|---|---|---|
| Enable cookie consent banner | On / off | Default: false |
Behavior
| Setting | Type | What it does |
|---|---|---|
| Consent mode | Dropdown | Simple (accept/decline), Granular (category toggles) |
| Consent expiry | Slider | Days until consent expires and banner is shown again |
Position
| Setting | Type | What it does |
|---|---|---|
| Banner position | Dropdown | Bottom bar, Top bar, Bottom left corner, Bottom right corner, Center modal |
Content
| Setting | Type | What it does |
|---|---|---|
| Heading | Text | Default: We use cookies |
| Description | Multi-line text | Default: We use cookies to improve your experience and analyze site traffic. |
| Privacy policy link | Link | — |
| Privacy policy link text | Text | Default: Privacy Policy |
Buttons
| Setting | Type | What it does |
|---|---|---|
| Accept button text | Text | Default: Accept all |
| Decline button text | Text | Default: Decline |
| Save preferences button text | Text | Default: Save preferences |
| Customize button text | Text | Default: Customize |
Cookie categories
| Setting | Type | What it does |
|---|---|---|
| Essential cookies label | Text | Default: Essential |
| Essential cookies description | Text | Default: Required for the website to function properly. |
| Analytics cookies label | Text | Default: Analytics |
| Analytics cookies description | Text | Default: Help us understand how visitors use our site. |
| Marketing cookies label | Text | Default: Marketing |
| Marketing cookies description | Text | Default: Used to deliver personalized ads. |
| Functional cookies label | Text | Default: Functional |
| Functional cookies description | Text | Default: Enable enhanced features and personalization. |
Style
All colors follow your theme by default. Turn on a toggle to override one.
| Setting | Type | What it does |
|---|---|---|
| Custom background color | On / off | Default: false |
| Background color | Color | — |
| Custom text color | On / off | Default: false |
| Text color | Color | — |
| Custom Accept button color | On / off | Default: false |
| Accept button | Color | — |
| Accept button text | Color | — |
| Custom secondary button color | On / off | Default: false |
| Secondary buttons (Decline / Customize / Save) | Color | — |
| Custom toggle color | On / off | Default: false |
| Accent (category toggles) | Color | — |
| Border radius | Slider | Default: 8 |
Was this page helpful?
Spotted something wrong, or want to suggest an improvement? Email support → — your message goes straight to engineering.