How to Set Up Webhook Inside FormDesigner Using Pabbly Connect

Learn how to set up a webhook inside FormDesigner using Pabbly Connect. This detailed tutorial covers each step for seamless integration. Implement the precise methodologies leading organizations use to automate repetitive tasks, illustrated with practical examples designed for immediate application.

Watch Step By Step Video Tutorial Below

1. Setting Up Pabbly Connect for Webhook Integration

To set up a webhook inside FormDesigner, you first need to access Pabbly Connect. This platform acts as a bridge to connect FormDesigner with other applications, allowing data transfer during form submissions.

Start by logging into your Pabbly Connect account. Once logged in, navigate to the ‘Trigger’ window and search for FormDesigner. Select it as your trigger application. The trigger event will be set to ‘New Submission,’ which initiates the workflow whenever a form is submitted.

2. Configuring the Webhook URL in FormDesigner

Once you have selected the trigger event in Pabbly Connect, a webhook URL will be generated. This URL is crucial as it links your FormDesigner account with Pabbly Connect. You need to copy this URL to set it up in FormDesigner.

Next, log into your FormDesigner account. Go to the dashboard and select the form you wish to connect. Navigate to the ‘Applications’ section, scroll down to find ‘Webhooks’, and click on ‘Add’. Here are the steps to configure the webhook:

• Paste the copied webhook URL from Pabbly Connect.
• Choose the data transfer method as POST.
• Add parameters for full name, email, and phone number.

After entering the necessary parameters, click on ‘Save’. This action establishes the connection between FormDesigner and Pabbly Connect. You will see that the webhook is now installed, ready to capture form submissions.

3. Testing the Webhook Integration

After setting up the webhook, it’s essential to test the integration to ensure it works correctly. In Pabbly Connect, you will see that it is waiting for a webhook response. To generate this response, you need to perform a test submission.

Navigate back to your form in FormDesigner and fill out the fields with test data. For example, input a name, email, and a dummy phone number. After completing the form, click on ‘Submit’. You should receive a confirmation message indicating that the submission was successful.

Now, check your Pabbly Connect dashboard. The response data, including the full name, email, and phone number, should appear, confirming that the webhook integration is functioning correctly. This real-time data capture is crucial for automating workflows.

4. Verifying Submission Data in FormDesigner and Pabbly Connect

With the webhook successfully set up and tested, you can now verify the submission data in both FormDesigner and Pabbly Connect. In FormDesigner, go to the ‘Statistics’ section to see the details of your latest form submission.

In this section, you will find all the captured data, including the full name, submission ID, email, and phone number. This data should match what you submitted during your test. Additionally, check Pabbly Connect for the same submission details to ensure consistency across platforms.

If everything matches, it confirms that your webhook setup is complete and working as intended. Now, whenever a new form submission occurs, the details will be automatically sent to Pabbly Connect, enabling further automation of your workflows.

Conclusion

Setting up a webhook inside FormDesigner using Pabbly Connect allows seamless integration and data transfer. Following the steps outlined ensures that you can automate workflows efficiently and capture form submission data in real-time.