How can I set up Zapier integration with Webflow for sending form submissions to other services?
TL;DR
- Set up your Webflow form and verify form settings under Project Settings > Forms.
- In Zapier, create a Zap using Webflow's "Form Submission" trigger, connect your Webflow account via API key, and select the appropriate form.
- Test the trigger, configure your desired action (e.g., Google Sheets, Mailchimp), map form fields, and turn on the Zap for automation.
- For more flexibility, use a Zapier webhook and set it as the form action in Webflow, though this disables native submission handling.
To connect Webflow form submissions to other services using Zapier, you’ll use Webflow’s built-in Zapier integration or Webhook trigger depending on your plan level.
1. Enable Form Submission Notifications
- Webflow sends form data via its native Forms feature.
- Ensure your form is correctly set up in your Webflow site and publishes form input as expected.
- Go to Project Settings > Forms to verify your notification email and form fields.
2. Choose the Zapier Trigger
- In Zapier, create a new Zap.
- Select Webflow as the trigger app.
- Choose the "Form Submission" trigger.
- Connect your Webflow account using your Webflow API key (found under Account Settings > Integrations > API tokens).
- Choose your site and then select the form that will initiate the Zap.
3. Test the Webflow Trigger
- In Zapier, click Test Trigger to pull live data.
- Submit the form on your live Webflow site to generate sample submission data if needed.
4. Set Up the Action in Zapier
- Choose your destination app (e.g., Google Sheets, Mailchimp, Slack).
- Configure the action, mapping Webflow form fields to the destination fields (e.g., First Name → Email List field).
- Test to make sure data from the Webflow form correctly populates the third-party service.
5. Turn On the Zap
- Once tested, turn on your Zap to activate the integration.
- Future Webflow form submissions will now trigger the configured Zap action.
Notes on Webflow Plans
- Webflow's Starter (free) plan does not allow full access to CMS/API features, which might limit Zapier connection options.
- You'll need a CMS or higher plan to use Webflow’s official Zapier integration reliably.
Alternative: Use Webhook in Zapier
- Instead of the Webflow trigger, you can choose Zapier's “Catch Hook” trigger and point your Webflow form to a custom webhook URL.
- In Webflow Project Settings > Forms, replace the action endpoint with the Zapier webhook URL, but note this disables Webflow’s default form handling.
- This requires more setup and testing but gives full control.
Summary
To integrate Webflow form submissions with other apps via Zapier, use the "Form Submission" trigger in Zapier, connect your Webflow project with your API key, and set up the desired actions. This enables automatic data transfer from Webflow forms to external platforms like Google Sheets, CRMs, or email tools.