Webhooks
HTML Forms Premium adds an action to let you connect your form data to an external service using a webhook. This feature helps unlock the base plugin in an incredible number of ways. You can send data from your visitors to third-party applications or your own internal software tools.
How to Create a Webhook Action
First, you’ll have to install HTML Forms Premium. Once that is complete, you’ll find a new button on the Actions tab of your form called Trigger Webhook. Pressing that button will reveal the window to build the webhook connection to your form.
As you can see in the screenshot, there are three fields in the webhook action.
Webhook URL
This is the destination URL that your form data will be sent to.
Content Type
Define what type of content will be sent to the webhook URL. Your choices are JSON or encoded form data.
Additional Headers
If your Webhook URL requires additional headers, like authorization, you can include that information here.
Retry Attempts
Define how many times your webhook will attempt to contact your URL if a failure occurs.
Debug Mode
Setting this value to “Yes” will output debug information to your server’s error log whenever a webhook attempt fails.
Sending Data to the Webhook
All data included in the form is sent to the webhook whenever there is a successful submission. It is sent in the format you chose in the Content Type field to the address in your Webhook URL field, with any headers you included in Additional Headers. It is the responsibility of the service running at the Webhook URL to handle things from there.
Related Posts from Our Knowledge Base
Roman Grigorian has written a great step-by-step guide on how to use the HTML Forms plugin with Google Tag Manager, Google Analytics, and Google Ads to track submissions: https://romangr.com/blog/gtm-html-forms
There are two ways to show your forms on your WordPress posts or pages. You can either use the shortcode or the block found in the WordPress block editor.