> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.dorik.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 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](/en/article/custom-form-yxx74y/)


---


# 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:**



1. 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)




2. 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)




3. Search for **Webhook** and select it.

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_b4b88a.png)

    
    

4. 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)




5. 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)

    


    
6. 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)




7. 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)](/en/article/lemlist-integration-subscription-form-15sw740/)

📌 [ConvertKit Integration (Subscription Form)](/en/article/convertkit-integration-subscription-form-cgead3/)