Freeform Freeform for Craft

Integrations

Zapier Pro

The Zapier integration allows you to map Freeform submission data off to virtually every popular service available such as Slack, Trello, Google Docs, Salesforce, Mailchimp, and more! You can setup as many as you like.

We will assume you already have a Zapier account and some general knowledge about how to use it. While it seems just about anything is available with the free version of Zapier, having many Zaps and/or complex workflows will require purchasing a paid plan.

Zapier to Slack Webhook Integration

Setup Instructions

  • Go to the Webhooks section in Freeform Settings (Freeform → Settings → Webhooks)
  • Click the New Webhook button at the top right.
  • For Service Provider, select Zapier.
  • Enter a name for the Name field.
  • Pause here and open a new browser tab...
  • Go to the Zapier website and create a new Zap (by clicking the bright orange Make a Zap! button at the top of the page).
  • For the Choose App option, select Webhooks by Zapier.
  • For the Choose Trigger Event option, select Catch Hook.
  • Proceed to the next step, and then you'll be presented the webhook URL (e.g. https://hooks.zapier.com/hooks/catch/12345/67890/)
  • Pause here and copy the Custom Webhook URL and switch back to your Freeform tab.
  • Paste the Custom Webhook URL you copied earlier into the Webhook URL field in Freeform.
  • Click the Save button.

To use this integration on your form(s), you'll need to configure each form individually.

  • Visit the form inside the form builder.
  • Click on the Integrations tab.
  • Click on Zapier in the list of available integrations.
  • On the right side of the page:
    • Enable the integration.

In order for Zapier to know that Freeform exists and what data is available to it, you need to submit a test submission for the form(s) that will be using the webhook/Zap. Go to your form in the front end and submit the form with as much sample data as possible. Zapier will then be listening for the data...

  • Switch back to the Zapier browser tab.
  • Click the Refresh Fields button.
  • Click on the next step, and choose an example submit Zapier sniffed from your test submission.
  • Proceed to the next step and setup your output "Do this..." section as necessary (can be anything, so we can't fully provide steps for this part).
  • Once all done, save the Zap and be sure to switch the OFF toggle to ON before trying to use the Zap.
  • Try submitting one of your forms that use this webhook, and check if Freeform posts successfully to it and Zapier maps correctly.
  • If there are any issues on Freeform's end, you'll see errors in the Freeform error log. If there's an issue on Zapier's end, you'll see errors inside Zapier.
Finished!

Example Output

The payload posted to Zapier will look something like this:

{
  "form__id": 1,
  "form__name": "Freeform form",
  "form__handle": "freeformForm",
  "form__color": "#8ba2a8",
  "form__description": "This is a Freeform Form",
  "form__returnUrl": "",
  "id": 1001,
  "dateCreated__date": "2018-12-31 14:00:00.000000",
  "dateCreated__timezone_type": 3,
  "dateCreated__timezone": "America\/Los_Angeles",
  "uid": "18ca11b9-bd4f-4530-9e51-f7a67ac84ec2",
  "token": "v3bJsQf5o1cYaLhzJTnn8NAiWI9gn1J4JmTpPS4Es1OZetyQS5wDO2DrAdNieiEc9KFnaBh6CcTRD9xjBf48NQfr8XxxUr1HDvj6",
  "firstName": "John",
  "lastName": "Doe",
  "message": "A custom message"
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17