Docs

Installation

Shopyflow installation takes place in 2 simple steps.

  1. Configuring Shopify
  2. Connecting to Webflow

Configure Shopify

Shopyflow requires a Storefront API access token to securely connect your Shopify Store to your Webflow site. To generate your Store API access token;

  1. Head to your Shopify Admin > Settings > Apps and Sales Channels section and click Develop apps link..

What’s a Rich Text element? What’s a Rich Text What’s a Rich Text element? What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

What’s a Rich Text element? What’s a Rich What’s a Rich Text element? What’s a Rich Text ejklkjököbömnlement?What’s a Rich Text element? What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Shopyflow requires a Storefront API access token to securely connect your Shopify Store to your Webflow site. To generate your Store API access token;

1. Head to your Shopify Admin > Settings > Apps and Sales Channels section and click Develop apps link.

What’s a Rich Text element? What’s a Rich What’s a Rich Text element? What’s a  element?What’s a Rich Text element? What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

Upgrading Shopyflow Version

Shopyflow versions 1.0.0 and above come with new features like customer account pages and subscriptions. These new features require extended scopes.

The upgrade takes place in two simple steps:

  • Updating Shopify Storefront API access token scopes
  • Updating the version of Shopyflow code snippet

① Updating scopes

You can skip this step if your current Shopyflow version is 1.0.0 or higher.

If not, make sure you to enable all the scopes by following this guide.

② Upgrading the version in Shopyflow Dashboard

Head over to your Shopyflow Dashboard and click on the three dots icon on your store and choose Edit Store. In the page that opens, update your Shopyflow version.

③ Upgrading the version in Webflow

Once you update the version in the Shopyflow Dashboard, head over to your Webflow project's settings and update the version in your Shopyflow code snippet. You need to update both CSS and JS versions.

<!-- Shopyflow CSS -->
<link rel="stylesheet" href="https://cdn.shopyflow.io/[ENTER SHOPYFLOW VERSION]/shopyflow.css"/>

<!-- Shopyflow Engine -->
<script defer
sf-token="********************"
sf-domain="****.myshopify.com"
src="https://cdn.shopyflow.io/[ENTER SHOPYFLOW VERSION]/shopyflow.js"
></script>