Shopyflow installation takes place in 2 simple steps.
Shopyflow requires a Storefront API access token to securely connect your Shopify Store to your Webflow site. To generate your Store API access token;
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.
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.
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.
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!
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.
Customer Address forms are used for editing the existing addresses or the creation of the new addresses for customers.
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
Contains the customer address form elements. Customer Address Form Container is a Div Block with the sf-address-form attribute. Customer Address Form component can be used to both create new and update existing addresses. To specify the function new or update can be used as attribute values.
Contains the customer address form elements. Customer Address Form Container is a Div Block with the sf-address-form attribute. Customer Address Form component can be used to both create new and update existing addresses. To specify the function new or update can be used as attribute values.
Selects the address to be updated by submitting the Customer Address Form. Address to update is a Select Input element with the sf-address-select attribute.
The options of the Address to update are dynamically populated with the saved addresses for the logged in user on the page load.
Selects the address to be updated by submitting the Customer Address Form. Address to update is a Select Input element with the sf-address-select attribute.
The options of the Address to update are dynamically populated with the saved addresses for the logged in user on the page load.
Captures the first name information for the updated or the newly created address. First Name Field is a Text Field with the sf-firstname attribute
Captures the first name information for the updated or the newly created address. First Name Field is a Text Field with the sf-firstname attribute
Captures the last name information for the updated or the newly created address. Last Name Field is a Text Field with the sf-lastname attribute
Captures the last name information for the updated or the newly created address. Last Name Field is a Text Field with the sf-lastname attribute
Captures the company name information for the updated or the newly created address. Company Field is a Text Field with the sf-company attribute
Captures the company name information for the updated or the newly created address. Company Field is a Text Field with the sf-company attribute
Captures the street address line 1 information for the updated or the newly created address. Street Address Field is a Text Field with the sf-address1 attribute
Captures the street address line 1 information for the updated or the newly created address. Street Address Field is a Text Field with the sf-address1 attribute
Captures the street address line 2 information for the updated or the newly created address. Street Address Field2 is a Text Field with the sf-address2 attribute
Captures the street address line 2 information for the updated or the newly created address. Street Address Field2 is a Text Field with the sf-address2 attribute
Captures the ZIP code information for the updated or the newly created address. ZIP Code Field is a Text Field with the sf-zip attribute
Captures the ZIP code information for the updated or the newly created address. ZIP Code Field is a Text Field with the sf-zip attribute
Captures the city information for the updated or the newly created address. City Field is a Text Field with the sf-city attribute
Captures the city information for the updated or the newly created address. City Field is a Text Field with the sf-city attribute
Captures the province information for the updated or the newly created address. Province Field is a Text Field with the sf-province attribute
Captures the province information for the updated or the newly created address. Province Field is a Text Field with the sf-province attribute
Captures the choice of the user whether to set the updated or the newly created address as default address or not. Set Default Address Field is a Checkbox field with the sf-set-default attribute
Captures the choice of the user whether to set the updated or the newly created address as default address or not. Set Default Address Field is a Checkbox field with the sf-set-default attribute
Submits the Address Form with the set values
Submits the Address Form with the set values
Contains the customer address form elements. Customer Address Form Container is a Div Block with the sf-address-form attribute. Customer Address Form component can be used to both create new and update existing addresses. To specify the function new or update can be used as attribute values.
Selects the address to be updated by submitting the Customer Address Form. Address to update is a Select Input element with the sf-address-select attribute.
The options of the Address to update are dynamically populated with the saved addresses for the logged in user on the page load.
Captures the first name information for the updated or the newly created address. First Name Field is a Text Field with the sf-firstname attribute
Captures the last name information for the updated or the newly created address. Last Name Field is a Text Field with the sf-lastname attribute
Captures the company name information for the updated or the newly created address. Company Field is a Text Field with the sf-company attribute
Captures the street address line 1 information for the updated or the newly created address. Street Address Field is a Text Field with the sf-address1 attribute
Captures the street address line 2 information for the updated or the newly created address. Street Address Field2 is a Text Field with the sf-address2 attribute
Captures the ZIP code information for the updated or the newly created address. ZIP Code Field is a Text Field with the sf-zip attribute
Captures the city information for the updated or the newly created address. City Field is a Text Field with the sf-city attribute
Captures the province information for the updated or the newly created address. Province Field is a Text Field with the sf-province attribute
Captures the choice of the user whether to set the updated or the newly created address as default address or not. Set Default Address Field is a Checkbox field with the sf-set-default attribute
