Starter Theme - Installation

The Shopyflow setup process seamlessly connects your Shopify store with Webflow, allowing you to manage products, variants, and taxonomies directly within Webflow’s CMS. This walkthrough covers the installation of the Shopyflow Shopify App, connecting it to a Webflow project, and importing Shopify data into Webflow.

Step 1: Installing the Shopyflow Shopify App

1. Open Shopify Admin, search for Shopyflow, and install the app.
2. Once installed, log in to your Shopyflow account or sign up for free.
3. Click "Connect to a Webflow Project" and select the Starter Theme you just cloned.
4. Authorize the app, save the connection, and open Webflow to proceed.

Step 2: Enabling Shopyflow on Webflow

1. Open the Shopyflow Webflow App from the Apps tab.
2. Click "Installation" and enable "Auto-install" to inject the necessary installation code into Webflow’s site settings.
3. Check the "I understand" box, save the changes, and publish your site.

Step 3: Importing Shopify Data into Webflow CMS

1. In the Shopyflow App, go to "Import and Manage Shopify Data".
2. The app automatically maps Shopify data to the Webflow CMS collections:
   • Products and Variants store product information.
   • Collections, Tags, Vendors, and Product Types manage taxonomies.
3. If necessary, select products to exclude from the sync.
4. Click "Continue" to run a final check, then start the import process.
5. Depending on your store size, the import may take a few minutes—check the CMS for newly created items.