How can I set up Zapier integration with Webflow for sending form submissions to other services?

You can connect Webflow form submissions to other services using Zapier by triggering a Zap when a new submission is received. Here's how to set it up properly.

1. Prepare Your Webflow Form

• Add a form element to your Webflow project using the Form block.
• Make sure all form inputs have unique Name attributes, which are used as fields in Zapier.
• Publish your site to ensure Zapier can detect the form on a live project.

2. Enable Webhooks for the Project

• Go to Project Settings > Integrations in Webflow.
• Enable Zapier integration by generating the Form Submission Webhook, or proceed directly to Zapier and access Webflow via their built-in app if you're using direct authentication.

3. Create a New Zap in Zapier

• Go to zapier.com and log in.
• Click "Create Zap" and select Webflow as the trigger app.
• Set the Trigger Event to Form Submission.
• Connect your Webflow account by granting permission or entering the API key (found in Webflow > Project Settings > Integrations).
• Choose the correct site and form name from the listed options.

4. Test Your Trigger

• Submit a test form entry on your live Webflow site.
• Return to the Zap editor and click “Test trigger” to verify the data is coming through properly.

5. Set Up the Action App

• Choose the destination app (e.g., Google Sheets, Mailchimp, Airtable).
• Set up the action by mapping your Webflow form fields to the appropriate fields in the target service.
• Test the action to confirm everything works as expected.

6. Turn On Your Zap

• Once you’ve tested both the trigger and the action, click “Turn on Zap” to activate the integration.

Summary

To send Webflow form submissions to other services using Zapier: use the Webflow Form Submission trigger, connect your project by API or OAuth, map the form fields, and activate the Zap. Be sure the site is published so Zapier can retrieve live form data.