What is a Webhook

Webhooks are automated messages sent from one system to another via the web. When a webhook is called, it pushes information from your site to a unique third-party URL. Webhooks are typically used to connect apps and systems, allowing them to share real-time data. Zapier is a popular service that utilizes webhooks to connect disparate systems.

Both Kadence Forms and Kadence Forms (Adv) support Webhooks. Once your form has been created and you’ve enabled the Webhook action, the Webhook Settings configuration is identical.

Creating a Kadence Form with a Webhook

Creating a Kadence Form

Get started by adding a Form Block to a page.

Once your form has been created, you’ll need to enable the Webhook action.

In the form settings, click on the Actions After Submit section.
Scroll down and check WebHook

Creating a Kadence Form (Adv)

Get started by adding a Form (Adv) Block to a page.

Once your form has been created, you’ll need to enable the Webhook action.

In the Forms settings, click on the Submit Actions section.
Search for and add a WebHook to any existing actions.

Configure Your Form Webhook

After enabling Webhooks for either the Kadence Form or Kadence Form (Adv), you will now see a new Webhook Settings section. This section is identical for both form blocks.

Webhook URL: this URL will be supplied by your webhook service provider. This is the unique URL that information will be sent to.

Map Fields: This section will display each of your form fields and allow you to map them to the corresponding Webhook Field Name.

When you’re done, be sure to save your changes.

Testing Your Form Webhook

To test your form, you can use a third-party test site such as Webhook Tester. This site will provide you with a temporary URL that you can use as your Webhook URL. After updating your form, you can submit a test entry and see the results on the Webhook Tester website.