How do Contact Form app webhooks and callback URLs work?

Overview

Integrating a webhook with your Contact Form app widget allows you to pass submitted form data to a CRM like HubSpot using automation tools such as Zapier, Pabbly, or Make.com. Follow these steps to configure your webhook and automate data flow.

Step 1: Obtain Your Webhook URL

Before adding a webhook URL to your Contact Form, you need to generate one from your preferred automation tool:

• Zapier: Create a new Zap and select “Webhooks by Zapier” as the trigger. Choose “Catch Hook” and copy the generated webhook URL.
• Pabbly: Set up a new workflow, select “Webhook” as the trigger, and copy the provided webhook URL.
• Make.com: Create a new scenario, add a “Webhooks” module, and copy the generated webhook URL.

Step 2: Add the Webhook URL to Your Contact Form App Widget

1. Log in to your ContactButton.com account.
2. Navigate to your Apps page and either select an existing Contact Form app or create a new one from scratch.
3. On the app page, you’ll see a field called Callback URL.
4. Paste the webhook URL you obtained from your automation tool.
5. Click Save to apply the changes.

Step 3: Test the Integration

1. Submit a test entry using your Contact Form.
2. Check your automation tool (Zapier, Pabbly, or Make.com) to ensure the data is received.
3. Configure any additional actions within your automation tool to forward the data to your CRM.

Troubleshooting

• Ensure the webhook URL is correct and properly copied.
• Verify that your automation tool is correctly set up to capture the webhook data.
• If no data is received, try submitting another test entry and checking for errors in your automation tool.

By following these steps, you can seamlessly integrate your Contact Form widget app with a CRM system to automate lead management and enhance efficiency.