How can I create a new collection item in Webflow when someone completes a form on Zapier?

Published on
September 22, 2023

To create a new collection item in Webflow when someone completes a form on Zapier, you can follow these steps:

  1. Set up your form in Zapier: First, make sure you have set up your form in Zapier. This can be done by connecting your form builder platform (such as Google Forms, Typeform, or JotForm) to Zapier. Choose the form you want to use and make sure it is configured correctly.

  2. Create a new Zap: In Zapier, create a new Zap by clicking on the "Make a Zap" button. This will be the trigger step of your workflow.

  3. Set up the trigger: Choose the form builder platform you are using as the trigger app. Follow the prompts to connect your account and select the specific form you want to use as the trigger.

  4. Test the trigger: After selecting the form, Zapier will pull in sample data to test the trigger. Make sure all the necessary fields are populated correctly and that the trigger is working as expected.

  5. Set up the Webflow action: Next, add the Webflow app as the action step in your Zap. Search for Webflow and select it as the app.

  6. Authenticate your Webflow account: If you haven't previously connected Webflow to Zapier, you will need to authenticate your Webflow account. Follow the prompts to enter your Webflow API key, which you can find in your Webflow account settings.

  7. Choose the Webflow collection: After authenticating, you will be prompted to select the Webflow collection you want to add items to. Choose the appropriate collection from the dropdown menu.

  8. Map the form fields to Webflow: Now, you need to map the fields from your form to the corresponding fields in your Webflow collection. This ensures that the data from the form is correctly inserted into the collection. Map each form field to its corresponding collection field using the dropdown menus.

  9. Test the Webflow action: After mapping the fields, you can test the Webflow action to make sure the data is successfully sent to your Webflow collection. Zapier will create a test item in your collection based on the test data from your form.

  10. Turn on your Zap: Once you have tested the trigger and action steps, you can turn on your Zap and start creating new collection items whenever someone completes the form connected to Zapier.

With this setup, whenever a form is submitted through Zapier, it will automatically create a new collection item with the submitted data in your chosen Webflow collection. This allows you to easily manage and display user-generated content on your Webflow site.

Additional Questions:

  1. How do I connect a form builder platform to Zapier?
  2. What other actions can I perform with Webflow on Zapier?
  3. Can I update existing collection items in Webflow using Zapier?