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:

  1. 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).
  1. 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.
  1. 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.
  1. 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.
  1. 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?