Webhook

Author: Nasir Ahmed 197 views

Overview

The Advanced Form Integration plugin allows to integrate many popular WordPress forms with Webhook. When a user fills a form on your website, the plugin will send the data to your Webhook account.

Supported Features

  • Send data to an URL

  • Send fully customized headers and body (GET, POST, PUT, DELETE), literally can send data to any API with API token and Basic auth Pro

How to Setup

Authentication

Before start, you are required to authorize your Webhook account on the plugin settings page.

Go to AFI > Settings > General and you will find all the supported platforms listed there. Mark Webhook and hit the Save Changes button at the bottom.

Create New Integration

After the settings part completed you can start creating new integration. Click on Add New under the AFI menu, New Integration page will appear.

Title

A default title will be auto-generated with an auto incremental number. You can rename it to something related to the task. It will help you to quickly recognize the correct one if multiple integrations are created.

Trigger

Select the sender form in the Form Provider dropdown. For example, Contact Form 7 or Gravity Form, or the Elementor Pro Form which you want to connect. After selecting the form provider, all forms built under that will be fetched and auto-populated in the Form/Task Name dropdown. Select the form that you want to integrate.

Action

Select Webhook or Webhook [pro] in Platform dropdown. Then select Send data to webhook in the Task dropdown. For basic version you can send data to URL. If you use pro version you can send fully customized headers and body (GET, POST, PUT, DELETE), literally you can send data to any API with API token and Basic auth.

Map Fields

For webhook basic you are to select Webhook URL where you want to send data. if you are a PRO user HTTP Method list will be auto-populated in the HTTP Method drop-down. Select the desired one. You will find URL, Headers, Body, User Agent and Basic Auth fields on the left side and form fields dropdown on the right. This form field dropdown will contain the field titles of the form you selected in the trigger area. Map all the fields accordingly.

Save Integration

Finally, click the Save Integration button and you are done. Now you can start testing.

Troubleshooting

After the integration is made, when users fill up the form and submit it, the plugin initiates the process of sending data to the configured platform. It also saves a log that includes what data it tried to send, and what it got in response from that platform. So if you find an integration is not working, your first task is to check the logs. Go to AFI > Log menu and check the recent logs.