1. Clone Style Guide

For new projects, we recommend starting with our Starter Project, pre-configured and fully optimized for seamless integration with Shopify.

2. Connect to Shopify

Next, install the Shopify App, add or import your products, and connect it to the Starter Project you cloned when prompted.

3. Copy & Paste Components

Once Shopify and Webflow are connected, you can start designing your store by simply copying and pasting the components below.

Product Page

All the essential elements of a Product page, pre-configured with Shopify.

Preview
Copy

Product Page

All the essential elements of a Product page, pre-configured with Shopify.

Preview
Copy

Product Page

All the essential elements of a Product page, pre-configured with Shopify.

Preview
Copy

Product Page

All the essential elements of a Product page, pre-configured with Shopify.

Preview
Copy

Product Page

All the essential elements of a Product page, pre-configured with Shopify.

Preview
Copy

Product Page

All the essential elements of a Product page, pre-configured with Shopify.

Preview
Copy

Product Page

All the essential elements of a Product page, pre-configured with Shopify.

Preview
Copy

Product Page

All the essential elements of a Product page, pre-configured with Shopify.

Preview
Copy

Product Page

All the essential elements of a Product page, pre-configured with Shopify.

Preview
Copy

Product Page

All the essential elements of a Product page, pre-configured with Shopify.

Preview
Copy

Product Page

All the essential elements of a Product page, pre-configured with Shopify.

Preview
Copy

Product Page

All the essential elements of a Product page, pre-configured with Shopify.

Preview
Copy

Product Page

All the essential elements of a Product page, pre-configured with Shopify.

Preview
Copy

Product Page

All the essential elements of a Product page, pre-configured with Shopify.

Preview
Copy

Product Page

All the essential elements of a Product page, pre-configured with Shopify.

Preview
Copy