How to Link WordPress Form with Integromat

Integromat is a free platform that allows you to connect apps (e.g., Gmail) and automate workflows using a no-code visual builder. Let’s find out how to connect a WordPress form to Integromat.

Set Up Integromat and Add Webhook

Sign in or sign up to the Integromat platform. After getting to the My Lab page, go to the Scenarios tab in the left-side menu and click on the “Create a new scenario” button in the upper right corner.

integromat create a new scenario

Hit the big plus button and choose the Webhooks module from the list of tools. A Webhook in web development is a method of augmenting or altering the behavior of a web page or web application with custom callbacks. More about the Custom Webhook you can find out in this Integromat tutorial.

webhooks on the new scenario integromat page

Then you’ll see the list of triggers and actions. You need to choose the Custom webhook option.

custom webhook

Click on the new Webhooks module. Hit the “Add” and “Save” buttons to enter the name for the Webhook.

webhook name addition

After that, you will see the generated link, which you should copy to the clipboard. Then proceed to your WordPress website without closing the Integromat window.

re-determine data structure

Set Up the JetFormBuilder Form

Navigate to WP Dashboard > JetFormBuilder > Forms, find the form you want to connect with Integromat, and change a default “Send Email” Post Type Action to “Call a Webhook.” Click on the “Edit” button and paste the URL address to the field. Update the Post Submit Actions and WordPress form by clicking on the similarly named buttons.

call webhook post submit action

Navigate to the front-end page with that form and submit it. After that, you should see the green note – “Successfully determinated” – in the Webhook. Hit the “OK” button.

Adding Another Module

With the Webhook in the Integromat, you could connect any app to the WordPress form. For example, let’s attach the Gmail app. Hit the “Add anoter module” button, add the Gmail module and then pick the Send an email action.

Click the “Add” button near the Connection bar and connect Integromat to your Gmail account. You also need to define the email address for the letters to be sent To, their Subject, Content, and Attachments. To fill the bars, you can use the data users will put into the form fields; just choose the ID of a particular field. Push the “OK” button.

Gmail connection

If you need to connect two or more modules to the Webhook, use the Router. Click on the wrench icon between the Webhook and Gmail modules and unlink the connection. In the Tools panel, click on the “Flow Control” button. Drag and drop the Router module and connect it with other modules. Now you can add more apps to the Scenario.

router module

To run the activated scenario, you could set up the schedule. Enable the Scheduling toggle at the bottom left corner and push the “Schedule setting” icon. You can read more about it in the Integromat article and choose the most appropriate option.

run the scenario

That’s it. With Integromat,  you can add as many apps as you want to the WordPress form.