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:

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:

1. Login to your Pabbly account and go to accounts.pabbly.com/apps. Select the Pabbly Connect option.

2. Click the + Create Workflow button to start a new workflow. Enter a name and choose an appropriate folder, then click the Create button.

3. Search for Webhook and select it.

4. Select Trigger Event as Catch Webhook and then copy the Webhook URL.

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.

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”

7. In the next step, you can integrate another third-party application that will receive data from your site through Pabbly.

Related articles

📌 Lemlist Integration (Subscription Form)

📌 ConvertKit Integration (Subscription Form)

Updated on: 02/07/2024