Fluent Forms integrates with Webhook which will help you broadcast your Form Submissions to any Web API Endpoint with the powerful Webhook module. This article will guide you through integrating Webhook with Fluent Forms on your WordPress Site.
Remember, Webhook is the Premium Feature of the Fluent Forms Plugin. So, you need the Fluent Forms Pro plugin to integrate this.
Enabling Webhook Integration #
To learn how to enable Webhook integration, follow the steps with the screenshots below –
First, go to Integrations from the Fluent Forms Navbar, search for Webhooks through the search bar, and enable the Webhooks integration module by turning on the Toggle.
Integrating Webhook with Forms #
To learn how to integrate Webhook into any specific Form in Fluent Forms, follow the steps with the screenshots below –
First, go to Forms from the Fluent Forms Navbar, select the Desired Form where you want to integrate your Webhook and click the Settings button.
If you do not have any existing forms, read the Create a Form from Scratch or Create a Form using Templates documentation to create a new one.
Once you are on Settings & Integrations, go to the WebHook from the left menu, and click the + Add New button.
Now, a pop-up page will appear with various settings options for configuring Webhook.
All the settings options mentioned in the screenshot below are briefly explained:
- Name: Here, you can set a name according to your preference for your feed. This field is required to be filled in.
- Request URL: This is also a required field. Here, provide the URL where you want to send the Fluent Form Submission data. More specifically, enter the URL that is provided by the Webhook recipient.
- Request Method: Here you need to select the HTTP method used for the Webhook request. Choose one method among the GET, POST, PUT, PATCH, and DELETE.
- Request Format: Select the data format for the Webhook request. You have to choose one format between JSON and FORM.
- Request Header: Choose whether you want to send any headers with the Webhook request.
- Request Body: Select body if you want to send any specific body text with the webhook request, otherwise, all fields will be sent.
- Conditional Logics: This option allows Webhook integration to function conditionally based on your submission values according to your set conditional logic/s. To learn more, read this Documentation.
Once the setup is done, click the Save Feed button, and your Webhook will be integrated into this specific form!
This way you can easily integrate Webhook with Fluent Forms!
If you have any further questions, concerns, or suggestions, please do not hesitate to contact our @support team. Thank you.
