Helpful resources
            
           
              Need more help?
             
             
              Check out the Webflow community.
             
            
              Free Webflow templates
             
             
              The best free Webflow templates.
             
            
              Hire a Webflow expert
             
             
              Partner with a certified expert.
             
            Is there a way to create a form in Webflow that displays CMS data such as a checkbox, number field, image, product name, and description, and then sends the selected products and quantities via email or Zapier?
             Published on
            
            
             September 22, 2023
            
           Yes, it is possible to create a form in Webflow that displays CMS data and sends the selected products and quantities via email or Zapier. Here's how you can achieve it:
- Set up your CMS collection:
 
- In Webflow, create a collection to store the product data (e.g., product name, description, image).
 - Add fields to your collection for the desired data types (e.g., plain text, rich text, image).
 
- Design your form:
 
- Create a new page or add a form section to an existing page.
 - Add form elements (checkbox, number field) to display the CMS data fields you want to capture from the user.
 - Use collection lists to display the product data dynamically within the form.
 
- Configure the form submission:
 
- Add a form submission button and set its action to "Submit form".
 - In the Form Settings panel, configure the action to email or Zapier.
 - For email submission: enter the recipient's email address and customize the email notification.
 - For Zapier submission: enter the Zapier webhook URL to trigger a Zap with the selected data.
 
- Set up the email notification:
 
- In the form's Submission Actions section, click on "+ Add new action" and select "Send Email".
 - Customize the email template and include the form fields with dynamic data.
 
- Set up Zapier integration:
 
- In the form's Submission Actions section, click on "+ Add new action" and select "Integrations".
 - Choose Zapier from the list and enter your Zapier webhook URL.
 - Map the form fields with the corresponding Zapier fields.
 
By following these steps, you can create a form in Webflow that displays CMS data and sends the selected products and quantities via email or Zapier.
Potential search questions:
- How to create a form in Webflow using CMS data?
 - Can I send CMS data from a Webflow form to Zapier?
 - What are the steps to create a dynamic form in Webflow with CMS data?