Upgrade to Shopyflow 2.0+
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
Shopyflow 2.0 (released in April 2025) unlocks a range of powerful new features, including Shopify’s new Customer Accounts, advanced metafield syncing, a built-in file uploader and more.
The new version brings Shopyflow closer to a fully native Shopify + Webflow experience, enabling more advanced ecommerce use cases with less custom development. It also lays the foundation for upcoming features designed to improve performance, scalability and long-term maintainability.
Verify admin rights
Before starting the upgrade, make sure you have admin rights to install a Shopify app and purchase a plan inside a Shopify app.
First steps
Once you confirmed you have the rights, please complete the steps below:
- Install the Shopyflow Shopify App.
- Log in to the Shopyflow Shopify App and make sure your Webflow project is connected.
- Ensure all products are enabled on the Online Store channel in Shopify by followng this guide.
- Make sure the Shopify domain in Shopyflow Dashboard matches your domain in Shopify.
Next steps
Once the initial steps are complete, send an email to hello@shopyflow.com with the following information:
- Shopyflow account email
- Shopify domain
- Webflow domain
Use this as your email subject: Upgrade Shopyflow
You must send the email from your Shopyflow account email. Our team will reach out to you with the next steps.
Webflow app usage
Webflow app settings
Inner components
Module contents
Available methods
Guide
contents
State management
Related Utilities
