You want to send Webflow form submissions to external services via Zapier. Here’s the step-by-step process to set up this integration properly.
1. Connect Webflow to Zapier
- Login to Zapier and click Create Zap.
- For the Trigger, search for Webflow and select it.
- Choose the trigger event "Form Submission".
- Click Connect a New Account, then log into your Webflow account through Zapier’s window and allow access.
- After connecting, choose the correct Webflow Site and Form you want to monitor.
- Test the trigger so Zapier can pull in a sample form submission; ensure you've had at least one real submission on your form.
3. Choose an Action App
- After the trigger setup, select the app where you want to send the data (e.g., Google Sheets, Mailchimp, Slack).
- Pick the respective Action Event (e.g., "Create Spreadsheet Row" for Sheets, "Add/Update Subscriber" for Mailchimp).
- Match Webflow form fields (like Name, Email, Message) with the corresponding fields in your target app.
- Double-check all field mappings to ensure no required field is left empty unless allowed.
5. Test and Publish the Zap
- Test the zap using the sample form submission data.
- If the test is successful, click Publish to make the Zap live.
- Submit a real form on your Webflow site to confirm that the Zap functions correctly outside of test data.
6. Important Notes on Authentication
- Ensure the Webflow site you are connecting to Zapier has Form Notifications enabled in Site Settings → Forms.
- Make sure you are using an account with appropriate access rights in Webflow (Editor or Admin).
Summary
To set up Zapier integration with Webflow for form submissions, you must connect Webflow as the trigger, select and configure your target service, map form fields accurately, and publish the zap. Always test with real form entries to confirm seamless operation.