Wholesale Application Email Field
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
Email input for the wholesale application, prefilled and read only for logged-in customers and editable for guests.
Wholesale Application Email Field is a Form Field with the sf-email attribute. Add it to the email input inside the Wholesale Application Form wrapper. Its behavior depends on the visitor:
- Logged in: the input is prefilled with the account email and made read only. The applicant's identity comes from the customer session, so the field is display only.
- Guest: the input stays editable and its value is submitted as the applicant email. Whether guest applications are accepted is controlled per customer group, in the group's application settings in the Storesynk app.
Customer sessions come from Storesynk's customer accounts. See the Login Form component and How to use passwordless Shopify customer accounts in Webflow with Storesynk.
Webflow app usage
- Add the Wholesale Application Form component from the Store Builder in the Storesynk Webflow App. It includes this field already configured.
- To wire an input manually, select the email input inside the Form Block and add the
sf-emailattribute. - Set the input's type to Email and mark it required so browser validation runs before submission.
Webflow app settings
Inner components
Module contents
Available methods
Component
contents
State management
Related Utilities
