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:
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.
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.
Note: Make sure your Framer Commmerce components are always up to date from the Assets panel on the left side of the Framer app.
