Send form submissions to a webhook
Connect a Webhook to your form to send responses to automation tools (like Make (integromat) or Zapier), or any other Webhook endpoint you may have.
- Go to the Integrations tab at the top of your editor
- Next, click on the Webhook option on this screen:
3. Provide a unique name for your Webhook
- Set up your webhook to send to any URL, with any of the parameters or arguments you need:
Thats it! You have all you need to configure a webhook when the form submits.
For these examples, let's assume your URL is something like:
Each of the sections in the “Webhook” integration do the following:
- URL parameters:
- These get added to the URL at the end.
- The left-hand side is the "key", and the right-hand side is the "value" from your form or from anything else you can reference in Fillout.
- For example, if you add, on the left hand side, "source", and then on the right hand side, pick reference of some short answer in your form, then your webhook will send:
- https://hooks.zapier.com/hooks/catch/12475312/abc/?source=<answer to the short answer>
- So if someone answered "Facebook" in the form, you will send: https://hooks.zapier.com/hooks/catch/12475312/abc/?source=facebook
- This is used if you're sending a "POST" request. Most of the time, services like Zapier and Make will accept either "GET" or "POST", and you can send information in the body of the message if you prefer instead.
- If using fields in the body of the message, make sure to process these correctly in Zapier/Make that they're coming in the body and not the URL
- Headers (optional):
- Most users will not need to use this section. This is typically if you have an advanced webhook setup which requires sending extra headers
- The most typical use case for headers is if you have some verification required for your endpoint, and you have a special key you want to send, which will look something like:
- Authorization --> Bearer <secret_token>
- Cookies (optional):
- Similar to headers, most users will not need to send any here.
Press "Test fetch" to see if your webhook is working. This will use any inputs that are in your form in edit mode.