Zapier

See the installation steps to learn how to install our app and change the form name

Trigger a Zap when someone submits a Form on your Webflow site.

1. In your App Dashboard, go to the Sites menu and click on your Authorized Webflow Site.

• Here you will see all your forms across the site.
• You can select one form for one integration.

2. From the left-hand menu, click on Integrations. You will see available categories such as:
   • Apps & Platforms (Hubspot, Notion, Slack, etc.)
   • Email & Marketing Tools (Mailchimp, Klaviyo, Brevo, MailerLite, EmailOctopus, etc.)
   • Automation & Webhooks (Webhook, Zapier, Make, etc.)

3. Under Automation & webhooks, click on Zapier.
   • Give the connection a recognizable name (e.g., “Zapier — Contact form”).
   • Paste your Webhook URL — your Zapier Catch Hook URL (e.g. https://hooks.zapier.com/hooks/catch/...).
     (For details, see section 4: How to get your Zapier Webhook URL).
   • click "Save".
   • After clicking "Save", your added Webhook integration will appear under "CONNECTIONS".
   • You can edit or delete the connection at any time.

4. How to get your Zapier Webhook URL.
   • Go to your "Zapier Dashboard", you can either create your own account with a subscription or test the free version.
   • In there click "+ Create" (or Zap), give the zaps a recognizable name.
   • For the Trigger, search for and select Webhooks you will get it under "Popular built-in tools", then "click" on it.
   • Choose Catch Hook as the "trigger event", then click Continue.
   • On the Pick off a Child Key step, you can leave it blank and click Continue (you can configure this later if needed).
   • Zapier will generate a unique Custom Webhook URL — copy this URL.
   • Paste it into the Webhook URL field in the Form Integrations app -> Integrations -> Zapier.
   • Keep the Zap editor open (do not publish yet) — you will send a test submission from your Form to complete the Zap setup.

5. Go back to the Forms menu.
   • Choose a Form from your authorized Webflow site.
   • Click "+ Add Mapping".
   • A popup will open with a dropdown for Integration → Pick an integration.
   • Select your Zapier integration from the dropdown.
   • Configure Field Mapping by matching each field from your Webflow form to a property in your Zapier.
   • Click Save when finished.

6. Test the integration:
   • Go to your published Webflow site.
   • Fill out and submit the form.
   • You will see the data appear in your Webhook Dashboard immediately.

✅ Your Webhook integration is now successfully set up and ready to sync form submissions.

Payload reference

Live form submission (sent on every real submit):

{
    "event": "form_submission",
    "formId": "<webflow-form-id>",
    "payload": {
        "Name": "Jane Doe",
        "Email": "jane@example.com",
        "siteId": "<webflow-site-id>",
        "formId": "<webflow-form-id>"
    }
}

• Sent as POST with Content-Type: application/json.
• Field keys in payload use Webflow field display names.

Unlike the generic Webhook integration, Zapier does not support the play-icon test in the connection dialog. Verify by submitting a real form on your published site.

Troubleshooting