How to Send Submission Data via a Webhook

Webhooks make it easy to send your form submissions exactly where they need to go, the moment they’re submitted. Instead of manually moving data around, you can automatically pass it to another app or your own server in real time. Setting up a webhook is straightforward and quick, helping you streamline your workflow and keep all your systems perfectly in sync without extra work.

Sending Submission Data via a Webhook

Configuring a webhook on your form is simple and doesn’t take much time. You’ll be able to send your submission data exactly where it needs to go as soon as someone fills out your form. Here’s how to set it up:

1. In Form Builder, in the orange navigation bar at the top of the page, click on Settings. 
2. Click on Integrations in the menu on the left side of the page.
3. In the search bar, enter Webhooks, and then click on the Webhooks icon.

4. Now, enter your endpoint or webhook URL in the Add WebHook field. To add more endpoints, click on Add New Webhook.
5. Once done, click on Complete Integration.

6. Finally, click on Finish.

That’s it. Your form is now all set to send submission data to your chosen endpoint automatically. If you ever need to make changes, you can easily update or remove the webhook anytime by heading back to the Integrations tab and clicking the Webhooks icon. This gives you full control to adjust your setup as your workflow evolves.

Here’s an example PHP script you can use as a test endpoint for your webhook. It will save incoming form submissions to a text file, making it easy to debug and see exactly what data your form is sending:

<?php
// convert JSON to PHP
$data = json_decode($_REQUEST['rawRequest'], true);

// write data to a file
file_put_contents(
    'webhook_test.txt',
    print_r($data, true),
    FILE_APPEND
);
?>