Search
Consent & Syncing Cookies with Shopify
Keep your storefront compliant while ensuring smooth analytics and ad tracking across Framer and Shopify Checkout.
In this doc, we will:
What Is “Consent” and Why It Matters?
Consent refers to a user’s choice to allow or decline tracking on your storefront, primarily analytics (Google Analytics) and marketing/advertising events (Meta Pixel). Many privacy laws, such as GDPR, require that you give users a clear option to decide what’s collected about them.
Framer Commerce supports compliant tracking by giving store owners control over when events are allowed to fire.
How Consent Works in Framer Commerce
You decide how your store behaves.
No Cookie Banner
If you choose not to add a cookie/consent banner:
Any Meta Pixel or Google Analytics you add to the plugin will fire automatically; events such as PageView, ViewContent, AddToCart, and others will run without waiting for user opt-in.
With a Cookie Banner (Recommended)
If you add a cookie banner in Framer:
Framer Commerce components will not fire any marketing or analytics events until the user has opted in (this includes Meta Pixel events and GA pageviews).
If a user declines tracking, components remain completely silent.
Syncing Cookie Preferences with Shopify Checkout
How it works
When a user accepts or rejects tracking on your Framer storefront:
Their preference is saved and passed to Shopify Checkout.
This means the customer won’t be asked again to approve tracking when they enter Checkout.
It avoids the “double opt-in” problem that many headless setups struggle with.
Important note:
Changing cookie preferences inside Shopify does not currently update preferences on your Framer storefront.
Consent flows from Framer → Shopify, not the other way around.
Domain Requirements for Cookie Syncing
Cookie syncing between Framer Commerce → Shopify Checkout only works when your Shopify domain is configured as a subdomain of the same root domain you use on Framer, and is used as the Shopify Domain URL value on your Framer Commerce store.
For example:
Your Framer site: www.mywebsite.com
Your Shopify storefront domain: shop.mywebsite.com
This setup will sync cookie preferences into Shopify Checkout.
If your Shopify Domain URL is configured as a myshopify.com domain, cookies will not sync.
How to Add a Cookie Banner in Framer
1
In the Framer left sidebar, open the Insert panel.
2
Search for “Cookie Banner" and drag into your page.
3
Customize copy, categories, and behavior as needed.
4
Recommended: add the banner inside a Page Template so it appears on every page automatically.
Note: Make sure your Framer Commmerce components are always up to date from the Assets panel on the left side of the Framer app.
