Wholesale Application Custom 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
Collects any input inside the wholesale application form into the application under a merchant-defined property name.
Wholesale Application Custom Field is a Form Field with the sf-custom-field attribute. Add it to any input inside the Wholesale Application Form wrapper: text fields, text areas, selects, checkboxes or radio buttons. When the form is submitted, the input's value is collected into the application under the property name set in the attribute value.
Input types are handled as follows:
- Checkboxes are stored as
YesorNo. - Radio groups store the value of the checked option.
- All other inputs store their current value.
Merchants see these fields on the application in the Storesynk app, so use clear property names (for example Company Name, VAT Number or Expected Monthly Volume).
Webflow app usage
- Add the Wholesale Application Form component from the Store Builder in the Storesynk Webflow App.
- Add an input to the Form Block for each extra piece of information you want to collect.
- On each input, add the
sf-custom-fieldattribute with the property name you want it stored under, for examplesf-custom-field="Company Name". - Mark inputs required in the Designer where needed. Browser validation runs before the application submits.
Webflow app settings
Inner components
Module contents
Available methods
Component
contents
State management
Related Utilities
