Request a Quote Form
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
Request a Quote Form enables customers to request a quote for products, particularly useful for B2B stores or custom products with variable pricing. The form collects customer information and sends it along with the product details and creates a draft order in Shopify backend.
Request a Quote Form is a Form Block with the sf-request-quote-form attribute. When submitted, the form sends the quote request with product information to the store owner.
Webflow app usage
- Select the Product Container in the Webflow designer
- In the Shopyflow Webflow App; click Add new
- Select Request a Quote Form
- Click Copy component
- Select the Product Container again
- Paste Request a Quote Form component
Webflow app settings
Inner components
Module contents
Available methods
Request Quote First Name Field
Captures the customer's first name for the Request a Quote Form. First Name Field is a Text Input with the attribute sf-firstname.
Request Quote Email Field
Captures the customer's email address for the Request a Quote Form. Email Field is a Text Input with the attribute sf-email.
Request Quote Note Field
Captures additional notes or details for the Request a Quote Form. Note Field is a Text Area with the attribute sf-note.
This field allows customers to provide additional information about their quote request, such as specific requirements, quantity needs, or custom specifications.
Request Quote Form Submit Button
Submits the Request a Quote Form. Request Quote Form Submit Button is a Div Block with the attribute sf-submit.
When clicked, this button submits the quote request with all form fields and product information to the store owner for processing.
Component
contents
Request Quote First Name Field
Captures the customer's first name for the Request a Quote Form. First Name Field is a Text Input with the attribute sf-firstname.
Webflow app usage
Webflow app settings
Request Quote Email Field
Captures the customer's email address for the Request a Quote Form. Email Field is a Text Input with the attribute sf-email.
Webflow app usage
Webflow app settings
Request Quote Note Field
Captures additional notes or details for the Request a Quote Form. Note Field is a Text Area with the attribute sf-note.
This field allows customers to provide additional information about their quote request, such as specific requirements, quantity needs, or custom specifications.
Webflow app usage
Webflow app settings
State management
Related Utilities
