Pabbly Connect Integration (Custom Form)
Getting Started
This article will cover how you can integrate Pabbly on a Custom form element on your site.
Adding a Custom Form
Follow the below steps to add a Subscription form:
- Click + Add New Section and select Custom Container.
- Click on the + button labelled with Add Element or Container.
- Then select Custom Form from the Elements tab.
Refer to the GIF below:
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2024-06-30-at-43_upqlc.gif)
For more details about the Custom Form element, refer to the below documentation:
📌 Custom Form
Pabbly Connect Integration
To integrate Pabbly Connect on your Custom Form, follow the steps given below:
- Login to your Pabbly account and go to accounts.pabbly.com/apps
- Select the Pabbly Connect option
- Create a new workflow
- Choose Webhook
- Copy the Webhook URL
- Go back to your site
- Paste the webhook URL on the Webhook URL input field in your Form Configuration option
- Click on the Click here link on the bullet instructions given in your modal editor. The text is “Click here to send test data”
- Pabbly will automatically generate the input fields of your form
- In the next step, you can integrate another third-party application that will receive data from your site through Pabbly.
Refer to the screenshots and GIFs below to see the steps visualized:
Login to your Pabbly account and go to accounts.pabbly.com/apps. Select the Pabbly Connect option.
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_t7s6gv.png)
Click the + Create Workflow button to start a new workflow. Enter a name and choose an appropriate folder, then click the Create button.
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_gu7ahw.png)
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_1udidv.png)
Search for Webhook and select it.
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_b4b88a.png)
Select Trigger Event as Catch Webhook and then copy the Webhook URL.
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2024-07-01-at-53_1peqa1g.gif)
Go back to your site. Make sure Pabbly Connect is selected on the Send to option. Paste the webhook URL on the Webhook URL input field in your Form Configuration option.
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2024-07-01-at-54_xfex30.gif)
Click on the Click here link on the bullet instructions given in your modal editor. The text is “Click here to send test data”
![“Click here” option in the Custom Form element](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_1fczp0u.png)
![Pabbly Connect receive the response](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_17uu84y.png)
In the next step, you can integrate another third-party application that will receive data from your site through Pabbly.
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2022-11-20-at-23_s73zzq.gif)
Related articles
📌 Lemlist Integration (Subscription Form)
📌 ConvertKit Integration (Subscription Form)
Updated on: 02/07/2024
Thank you!