Documentation

Try Shopyflow

Are you interested in trying out Shopyflow but don’t have a Shopify store to use it for yet? Use one of the below methods to see Shopyflow in action without commiting time to a full build

GuIDE

Try Shopyflow in 2 Minutes

Follow this quick tutorial to add a Shopify product page and a cart to any Webflow project using Shopyflow’s Demo Shopify store and Webflow App.

CLONABLE

Explore the Clonable Demo Project

Clone the full Shopyflow demo project. This project has all the Shopyflow features configured and running, explore how everything comes together.

Clone the project

Start building your storefront

Starter Themes

Starting to build from scratch?

If you're starting to build from scratch, it's highly recommended to use a starter theme. This allows you to bypass initial setup steps and jump straight into customizing your store.

Relume Starter Theme

Shopyflow Starter Theme

SHOPYFLOW BASICS

Build your store step by step

Follow the below guides to get started with building your store.

GUIDe

Installation of Shopify and Webflow Apps

Install the Shopify and Webflow apps, connect your project, and enable Shopyflow with a single toggle.

GUIDe

Shopify data import
& CMS structure overview

With one click, sync your Shopify data into Webflow CMS. Learn how Shopify data translates into Webflow CMS data.

GUIDe

Build CMS Based
Product Pages

Create dynamic product templates, collection lists, and search/filtering systems using your synced CMS data.

ComPONENT REFERENCE

Deep dive into Shopyflow’s features

DOCUMENTATION

Understand the components

Deep dive into Shopyflow components to understand how it works and what’s possible.

Go to component reference

DOCUMENTATION

Shopyflow JavaScript API

Build advanced shopping experiences using Shopyflow methods and events

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