Wholesale Application Submit Button
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
Button that submits the wholesale application form through Storesynk with validity checks, a loading state and Webflow's waiting text.
Wholesale Application Submit Button is an Action with the sf-submit attribute. Add it to the submit button or submit input inside the Wholesale Application Form wrapper. On click the module checks the form's validity (invalid forms show the browser's validation messages and do not submit), sends the application to the Storesynk app and then shows Webflow's native success or error block based on the result. Pressing Enter anywhere in the form routes through this button too.
While the request is in flight the button guards against double submits and swaps its label for Webflow's waiting text, the button's data-wait setting in the Designer. The label is restored when the request finishes.
For the general-purpose form submit component used outside the Wholesale module, see Form Submit Button.
Loading
Class Name: sf-loading
Applied To: The submit button
Added while the application request is in flight and removed when it completes. The class is unstyled by default, so style it as you like (for example lower the opacity or show a spinner). While present, further clicks are ignored.
Webflow app usage
- Add the Wholesale Application Form component from the Store Builder in the Storesynk Webflow App. It includes this button already configured.
- To wire a button manually, select the Form Block's submit button and add the
sf-submitattribute. - Optionally set the button's Waiting text in the Designer. Storesynk shows it while the application is submitting.
Webflow app settings
Inner components
Module contents
Available methods
Component
contents
State management
Related Utilities
