Shopify Analytics
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
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.
You can start using Shopify Analytics with Shopyflow by enabling it in Shopyflow Webflow App > Installation > Advanced Tracking
Domain Settings
Your Webflow and Shopify domains MUST share the same top level domain (TLD) to allow seamless tracking between Webflow and Shopify. This means one of them should be on the main domain and the other on the subdomain.
Example:
- in Webflow mystore.com
- in Shopify checkout.mystore.com
User Consent
Shopify Analytics requires you to collect user consent before it can start tracking.
- If your store doesn't have a cookie consent pop-up you can disable consent collection in Shopyflow Webflow App > Installation > Advanced Tracking > Shopify Analytics
- If your store uses a cookie consent pop-up, run this code after user interacts (accepts or rejects) with your cookie consent pop-up:
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
});
If you are 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_consentcart
Events
Once your setup in complete, Shopyflow will start sending the following e-commerce events to your Shopify Dashboard:
- View Page
- Add to Cart
- Product View
Webflow app usage
Webflow app settings
Inner components
Module contents
Available methods
Integration
contents
State management
Related Utilities
