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
It is recommended to have your Webflow and Shopify domains under the same top level domain to allow seamless tracking between your sites. Example:
Shopify Analytics requires you to collect user consent before it can start tracking.
window.Shopyflow.tracking.setShopifyConsent({
analytics: // Get from user's selection
marketing: // Get from user's selection
preferences: // Get from user's selection
sale_of_data: // Get from user's selection
});
Once your setup in complete, Shopyflow will start sending the following e-commerce events to your Shopify Dashboard:
