Docs

What's next

You have completed setting up the Buy Module. Next step is to launch your store by following the launch checklist.

Review the launch checklist →
Free ON WEBFLOW.IO DOMAINS

Shopify Analytics

Integration
Use Shopify Analytics with Webflow

Shopify Storefront data and cart logic is bound to your Webflow elements through Shopyflow attributes. Connecting your Webflow site to Shopify is done by adding custom attributes to your Webflow elements.

Yet, you are not required to type or edit attributes manually. Shopyflow provides you with the pre-configured components needed to create your store, as copyable Webflow elements right in Webflow designer.‍

All the copyable Shopyflow Components are native editable Webflow elements. There is no layout or styling limitation on any element.

In the below image hover your mouse on the hotspots to see all the required Shopyflow attributes to build a product page like this in Webflow

Webflow designer
Custom Attributes
sf-add-to-cart="1"
Custom Attributes
sf-change-quantity="1"
Custom Attributes
sf-change-option="{Option Name}"
Custom Attributes
sf-cart-count="1"
Custom Attributes
sf-change-option="{Option Name}"
Custom Attributes
sf-product="{Product ID}"
Custom Attributes
sf-show-image="1"
Attribute Name
Attribute Value
True or 1
Nesting Rule
Can be placed anywhere in the site
No items found.
Shopify Analytics
Method

Shopify Analytics provides store owners with key data on sales, customer behavior and website performance, all within the Shopify dashboard. It helps businesses track trends, measure marketing effectiveness and make informed decisions to optimize their store’s growth and profitability.

Because your storefront runs on Webflow (a headless storefront), Shopify can’t see visitors on its own. Storesynk closes that gap: it sends page views, product views and add to cart events from your Webflow site directly to Shopify Analytics and passes the visitor and session ids on to your checkout, so the whole customer journey, from the first page a visitor lands on in Webflow, through add to cart, to the completed order in Shopify checkout, shows up as one session in your Shopify Analytics.

IMPORTANT: Shopify Analytics may miss tracking some users because modern browsers block third-party cookies by default, preventing proper session tracking and ad attribution. Safari also limits cookies set by scripts to 7 days, so a Safari visitor who returns after a week counts as a new visitor. Additionally, adblockers often block tracking scripts entirely, so user interactions aren't recorded at all. As a result, traffic sources, conversions and user behavior data can be incomplete or inaccurate. It's advised to use an additional server-side tracking solution.

You can start using Shopify Analytics with Storesynk by enabling it in Storesynk Webflow App > Installation > Advanced Tracking

Domain Settings

We recommend that your Webflow and Shopify domains share the same top level domain (TLD). This means one of them is on the main domain and the other on the subdomain.

Example:

  • in Webflow mystore.com
  • in Shopify checkout.mystore.com

Shopify identifies a visitor and a session with two ids. Storesynk takes them from Shopify's Storefront API responses and sends them back with every request it makes to Shopify, including the request that creates the checkout link. The checkout link therefore carries the same ids, which is what lets Shopify recognise the visitor who browsed your Webflow site as the same person who later reaches the checkout.

IMPORTANT: Shopify Analytics works only on custom domains. You can't test your Shopify Analytics setup on webflow.io domains.

User Consent

Shopify Analytics requires you to collect user consent before it can start tracking. Until consent is given, no page views, sessions or events are sent to Shopify.

Stores without consent pop-up

If your store doesn't have a cookie consent pop-up you should turn off the Require Consent switch in Storesynk Webflow App > Installation > Advanced Tracking > Shopify Analytics. Storesynk will then set consent automatically and send the first page view as soon as Shopify has recorded it.

Stores with consent pop-up

If your store uses a cookie consent pop-up, keep the Require Consent switch on and run this code after user makes a selection (accepts or rejects) on your cookie consent pop-up. You can find details on how to listen for customers’ selections in your cookie consent pop-up's documentation.

window.Shopyflow.tracking.setShopifyConsent({
  analytics: true, // Get from user's selection
  marketing: true, // Get from user's selection
  preferences: true, // Get from user's selection
  sale_of_data: true, // Get from user's selection
});

When consent is granted after the page has loaded, Storesynk re-sends the landing page view with the original referrer and UTM parameters, so the session is still attributed to the right traffic source.

If you use the Shopify cookie banner that Storesynk loads for you (turned on in the same Advanced Tracking settings), you don't need to call this code: Storesynk picks up the selection made in the banner and re-sends the landing page view in the same way.

When using a consent pop-up you should also whitelist these cookies (set as necessary cookies) in your cookie consent pop-up's settings

  • _shopify_s
  • _shopify_y
  • _tracking_consent
  • cart

Events

Once your setup is complete, Storesynk will start sending the following e-commerce events from your Webflow site to your Shopify Analytics dashboard:

  1. View Page: sent on every page load. This is what starts and keeps alive the visitor’s session in Shopify Analytics and records the landing page, referrer and UTM parameters used for attribution.
  2. Product View: sent when a product is viewed on your Webflow site.
  3. Add to Cart: sent when a product is added to the cart on your Webflow site, including the product, variant, price and quantity.

Reaching the checkout and completing the purchase are tracked by Shopify itself in the checkout. Because the checkout link carries the visitor and session ids from your Webflow site, these are attributed to the same session that started there.

Together these events populate Shopify’s online store conversion funnel: Sessions → Added to cart → Reached checkout → Sessions converted, as well as the sessions, traffic source and conversion rate reports.

Troubleshooting

You can confirm that tracking works in your browser's developer tools, without waiting for the reports.

  1. Open your Webflow site, open the Network tab and filter by produce_batch. Once consent is given, every page load should show a request to https://<your Shopify domain>/.well-known/shopify/monorail/unstable/produce_batch (the Shopify domain entered in the Storesynk app, for example checkout.mystore.com). Its payload must contain a 36 character unique_token. If the token is empty, Shopify receives the page view but can't attribute it to a visitor or session.
  2. Add a product to the cart and open the checkout. The checkout URL contains a _y parameter. Its value must be the same as the unique_token in the produce_batch payload from step 1. When they match, the checkout continues the session that started in Webflow.
  3. Requests to monorail-edge.shopifysvc.com/v1/produce are diagnostics sent by Shopify's own privacy script. They are not analytics events, so seeing them does not mean tracking works. Only the produce_batch requests count.

Sessions can take several hours to appear in the Shopify Analytics reports.

Frequently Asked Questions

Do visitors who never reach the checkout show up as sessions in Shopify?

Yes. With Shopify Analytics enabled in Storesynk, a session is created in Shopify Analytics as soon as a visitor loads any page of your Webflow site (once consent is given). Visitors who only browse, and never add to cart or reach the checkout, are counted as sessions too, just like they would be on a Shopify Online Store theme. If you only see sessions for people who reached the checkout, check these causes:

  • Shopify Analytics is not enabled in the Storesynk app
  • consent is not being collected or set
  • your Webflow and Shopify domains don't follow the recommended domain setup
  • your site loads a Storesynk engine older than 2.0.0

The steps in Verify your setup help you narrow down which one it is.

Why did my storefront sessions drop in spring 2026?

Shopify stopped setting the _shopify_y and _shopify_s cookies itself on 30 April 2026 and no longer uses them to connect a storefront visit to the checkout. Setups that relied on those cookies stopped attributing storefront sessions reliably from that date, so Shopify Analytics only counted the checkout part of each visit. Storesynk engine 2.0.0 and later use the mechanism described in Domain Settings. If your sessions dropped and have not recovered, run the steps in Verify your setup.

What does the Add to Cart event actually do?

The add to cart button always adds the product to the Shopify cart. When Shopify Analytics is enabled, Storesynk additionally sends an Add to Cart event to Shopify Analytics with the product, variant, price and quantity. This is what places the visitor in the Added to cart step of the conversion funnel and powers reports such as Sessions with cart additions. Without it, Shopify would only see visitors from the moment they land on the checkout.

Class name
Target elements
Can be placed anywhere in the site
No items found.

Webflow app usage

Webflow app settings

Inner components

Module contents

Available methods

No items found.

Integration

contents

No items found.

State management

No items found.

Related Utilities

No items found.
Can't find a solution? Join our Discord server to get an instant reply from our experts and the community.