Back
Webhook Integration for Advanced Interactive Forms
What is it and why you need it
EzyCourse Advanced Interactive Form allows you to create smart and interactive forms with top-class functionalities. This new feature update adds third-party services that can be used with the advanced forms.
With the latest upgrade to Advanced Interactive Forms, you can now connect your forms with third-party tools, automate workflows, and receive real-time email updates upon form submissions.
This unlocks powerful automation possibilities, letting your forms do more than just collect data. They also now send, receive, and react to information instantly.
What’s New in This Update?
1. Send form submission data directly to external platforms like:
• Zapier
• Pabbly
• CRM tools
• Email marketing platforms
This works using webhooks, which allows your form responses to trigger actions automatically.
2. Receive Data from Third-Party Tools
Advanced Forms can now also receive data from external platforms, making it possible to sync external data into EzyCourse and build advanced workflows
3. Instant Email Notifications to know the moment someone submits a form and receive alerts instantly.
⚠️ Important Note Before You Start
The webhook feature only works with advanced forms created using the Contact Form type. If your form was created using another type, the webhook options will not work.
How to get started using it
Send responses to a third party email service
At first, you’ll need to generate the webhook URL from a third-party service. In this case, we’ll show using the Zapier platform.
Go to your Zapier dashboard and create a Zap. “Zap” refers to a request or an automation created using the Zapier tool. Click the Zap card in the middle part of the dashboard interface.
Now, click the Trigger card for capturing the responses from an app (Data Out).
Search and select Webhooks on the popup modal.
On the right side panel, select the event trigger to be Catch Hook. This will allow you to handle incoming webhook data, which includes JSON.
Click the Continue button to move forward.
And then Continue again.
Copy the Zapier-generated webhook URL and keep it saved somewhere safe.
Now, go inside the advanced form -> Settings -> Third Party Services.
Enable the Send responses to a third party email service and then paste the webhook URL generated from Zapier. Click the Save Changes -> Update -> Publish buttons sequentially or else the feature won’t function.
Switch to the Zapier platform, and then click Test Trigger to see the sample form response data sent from your EzyCourse platform.
Now that the response from your EzyCourse platform is captured on Zapier, you can send the data to another platform using the Action section.
Get Data from third party
Here, we’ll be using Pabbly to receive advanced form response data from third-party services to your EzyCourse platform.
Navigate to your Pabbly Connect dashboard. On the dashboard, click the Create Workflow button.
On the popup, provide a name for the workflow. And then click the Create button to create the workflow.
Search and select the EzyCourse app on the Action section.
Choose the Custom API Request (Beta) action event. And then click the Connect button.
To connect, you need the token. So, head over to your EzyCourse dashboard and go to Site Settings -> Wehbook (Data-in). Copy the token.
Paste the token on the given field in Pabbly and click the Save button.
Once connected, select the POST option as the Request Method.
On the API Endpoint URL field, you’ll need to paste the available webhook URL inside the specific advanced form. For that, enter inside the form -> click Settings -> Third Party Services.
Enable Get Data from third party, and then copy the Webhook URL and Sample JSON fields. Don’t forget to click Save Changes -> Update -> Publish buttons sequentially or else the feature won’t function.
Now, paste the copied webhook URL taken from the advanced form into the API Endpoint URL field. Exclude any unnecessary spacing in the link. Next, select JSON from the Payload Types dropdown.
Paste the copied Sample JSON fields in the Data Field and then enter the field values accordingly. Click Save & Send Test Request to test if it's perfectly working.
If it works, you’ll see that the form response was submitted successfully.
You can also view the form response from your EzyCourse dashboard. This signals that the action process will successfully run depending on the captured data from the trigger section.
To receive an email when anyone submits an advanced form, simply tick the Email me when someone submits a response checkbox for the specific form. Hit the Save Changes -> Update -> Publish buttons sequentially so that the function works.
And this is what the email looks like.
