Webhooks Integration Guide

Complete guide to integrate MyFormCapture with Webhooks

Setup time: 15-30 minutes

Difficulty: Medium

Compatible versions: Any HTTP-capable system

Integrate MyFormCapture with any system using webhooks. Send lead data to your custom applications, CRMs, or notification systems in real-time. Perfect for developers who want full control over their lead management workflow.

Prerequisites

A MyFormCapture account - Sign up here
A webhook endpoint that can receive HTTP POST requests
Basic understanding of HTTP and JSON
Your webhook endpoint URL (e.g., https://your-app.com/webhooks/myformcapture)

Integration Methods

Slack Integration (Example)

20 minutes Easy

Send instant notifications to Slack channels when new leads are captured. Perfect for sales teams who want immediate alerts.

Create a Slack App

Set up a Slack app to receive webhook notifications from MyFormCapture.

Go to api.slack.com/apps
Click Create New App
Choose From scratch
Enter app name (e.g., 'MyFormCapture Lead Notifications')
Select your workspace and click Create App

Important Note

This creates a Slack app that can receive incoming webhooks from MyFormCapture.

Configure Incoming Webhooks

Enable and configure incoming webhooks for your Slack app.

In your Slack app settings, go to Incoming Webhooks
Toggle Activate Incoming Webhooks to On
Click Add New Webhook to Workspace
Choose the channel where you want to receive notifications
Click Allow to authorize the webhook
Copy the webhook URL (it will look like: https://hooks.slack.com/services/T00000000/B00000000/XXXXXXXXXXXXXXXXXXXXXXXX)

Important Note

The webhook URL is unique to your Slack app and channel. Keep it secure and don't share it publicly.

Set Up Your Webhook Endpoint

Create a webhook endpoint that receives data from MyFormCapture and forwards it to Slack.

Create a new file called webhook_handler.js (or your preferred language)
Set up an HTTP server to receive POST requests
Configure the endpoint to forward data to your Slack webhook
Deploy your webhook handler to a server with a public URL

// Example Node.js webhook handler
const express = require('express');
const axios = require('axios');
const app = express();

app.use(express.json());

app.post('/webhooks/myformcapture', async (req, res) => {
  try {
    const leadData = req.body;
    
    // Format message for Slack
    const slackMessage = {
      text: '🎯 *New Lead Captured!*',
      blocks: [
        {
          type: 'section',
          text: {
            type: 'mrkdwn',
            text: `*${leadData.customer_name}* is requesting a callback`
          }
        },
        {
          type: 'section',
          fields: [
            {
              type: 'mrkdwn',
              text: `*Phone:* ${leadData.customer_phone}`
            },
            {
              type: 'mrkdwn',
              text: `*Email:* ${leadData.customer_email || 'Not provided'}`
            },
            {
              type: 'mrkdwn',
              text: `*Preferred Time:* ${new Date(leadData.preferred_time).toLocaleString()}`
            },
            {
              type: 'mrkdwn',
              text: `*Page:* ${leadData.page_url}`
            }
          ]
        },
        {
          type: 'actions',
          elements: [
            {
              type: 'button',
              text: {
                type: 'plain_text',
                text: 'View Lead Details'
              },
              url: `https://app.callmebackbutton.com/leads/${leadData.lead_id}`
            }
          ]
        }
      ]
    };
    
    // Send to Slack
    await axios.post(process.env.SLACK_WEBHOOK_URL, slackMessage);
    
    res.status(200).json({ success: true });
  } catch (error) {
    console.error('Webhook error:', error);
    res.status(500).json({ error: 'Failed to process webhook' });
  }
});

const PORT = process.env.PORT || 3000;
app.listen(PORT, () => {
  console.log(`Webhook server running on port ${PORT}`);
});

Important Note

This example shows a Node.js webhook handler. You can implement this in any programming language that supports HTTP servers.

Configure MyFormCapture Webhook

Set up MyFormCapture to send lead data to your webhook endpoint.

Log in to your MyFormCapture dashboard
Go to Settings → Integrations
Find the Webhook URL section
Enter your webhook endpoint URL (e.g., https://your-server.com/webhooks/myformcapture)
Save the settings
Test by submitting a lead through your MyFormCapture widget

Important Note

Make sure your webhook endpoint is publicly accessible and can handle the webhook payload format.

Custom Integration

30 minutes Advanced

Build a custom webhook integration for your specific needs. Perfect for developers who want complete control over lead processing.

Understand the Webhook Payload

Learn the structure of data sent by MyFormCapture webhooks.

{
  "lead_id": "lead_123456",
  "customer_name": "John Doe",
  "customer_phone": "+1234567890",
  "customer_email": "john@example.com",
  "preferred_time": "2024-01-15T14:00:00Z",
  "page_url": "https://yoursite.com/contact",
  "timestamp": "2024-01-15T10:30:00Z",
  "form_data": {
    "company": "Acme Corp",
    "inquiry_type": "sales",
    "budget": "$10,000+",
    "custom_field": "custom_value"
  },
  "user_agent": "Mozilla/5.0...",
  "ip_address": "192.168.1.1",
  "referrer": "https://google.com"
}

Important Note

All webhook payloads include standard lead information plus any custom form fields you've configured.

Build Your Webhook Handler

Create a webhook endpoint that processes incoming lead data according to your business logic.

Choose your programming language and framework
Set up an HTTP server with a POST endpoint
Implement authentication and validation
Add your business logic for processing leads
Set up error handling and logging
Deploy to a server with a public URL

Important Note

Consider implementing webhook signature verification for security, and always validate incoming data.

Troubleshooting

Still having issues?

Can't find the answer you're looking for? Our support team is here to help with your integration.

Contact Support

Related Integrations

References & Official Documentation

Next Steps

Configure MyFormCapture

Set up your business hours and timezone
Configure callback phone numbers
Set up email notifications
Add team members to your account

Advanced Features

Set up custom form templates
Configure lead scoring rules
Integrate with your CRM
Set up automated workflows

Need Help?

Our support team is here to help you with your integration.

Contact Support

Prerequisites

A MyFormCapture account - Sign up here
A webhook endpoint that can receive HTTP POST requests
Basic understanding of HTTP and JSON
Your webhook endpoint URL (e.g., https://your-app.com/webhooks/myformcapture)

Integration Methods

Slack Integration (Example)

20 minutes Easy

Send instant notifications to Slack channels when new leads are captured. Perfect for sales teams who want immediate alerts.

Create a Slack App

Set up a Slack app to receive webhook notifications from MyFormCapture.

Go to api.slack.com/apps
Click Create New App
Choose From scratch
Enter app name (e.g., 'MyFormCapture Lead Notifications')
Select your workspace and click Create App

Important Note

This creates a Slack app that can receive incoming webhooks from MyFormCapture.

Configure Incoming Webhooks

Enable and configure incoming webhooks for your Slack app.

In your Slack app settings, go to Incoming Webhooks
Toggle Activate Incoming Webhooks to On
Click Add New Webhook to Workspace
Choose the channel where you want to receive notifications
Click Allow to authorize the webhook
Copy the webhook URL (it will look like: https://hooks.slack.com/services/T00000000/B00000000/XXXXXXXXXXXXXXXXXXXXXXXX)

Important Note

The webhook URL is unique to your Slack app and channel. Keep it secure and don't share it publicly.

Set Up Your Webhook Endpoint

Create a webhook endpoint that receives data from MyFormCapture and forwards it to Slack.

Create a new file called webhook_handler.js (or your preferred language)
Set up an HTTP server to receive POST requests
Configure the endpoint to forward data to your Slack webhook
Deploy your webhook handler to a server with a public URL

// Example Node.js webhook handler
const express = require('express');
const axios = require('axios');
const app = express();

app.use(express.json());

app.post('/webhooks/myformcapture', async (req, res) => {
  try {
    const leadData = req.body;
    
    // Format message for Slack
    const slackMessage = {
      text: '🎯 *New Lead Captured!*',
      blocks: [
        {
          type: 'section',
          text: {
            type: 'mrkdwn',
            text: `*${leadData.customer_name}* is requesting a callback`
          }
        },
        {
          type: 'section',
          fields: [
            {
              type: 'mrkdwn',
              text: `*Phone:* ${leadData.customer_phone}`
            },
            {
              type: 'mrkdwn',
              text: `*Email:* ${leadData.customer_email || 'Not provided'}`
            },
            {
              type: 'mrkdwn',
              text: `*Preferred Time:* ${new Date(leadData.preferred_time).toLocaleString()}`
            },
            {
              type: 'mrkdwn',
              text: `*Page:* ${leadData.page_url}`
            }
          ]
        },
        {
          type: 'actions',
          elements: [
            {
              type: 'button',
              text: {
                type: 'plain_text',
                text: 'View Lead Details'
              },
              url: `https://app.callmebackbutton.com/leads/${leadData.lead_id}`
            }
          ]
        }
      ]
    };
    
    // Send to Slack
    await axios.post(process.env.SLACK_WEBHOOK_URL, slackMessage);
    
    res.status(200).json({ success: true });
  } catch (error) {
    console.error('Webhook error:', error);
    res.status(500).json({ error: 'Failed to process webhook' });
  }
});

const PORT = process.env.PORT || 3000;
app.listen(PORT, () => {
  console.log(`Webhook server running on port ${PORT}`);
});

Important Note

This example shows a Node.js webhook handler. You can implement this in any programming language that supports HTTP servers.

Configure MyFormCapture Webhook

Set up MyFormCapture to send lead data to your webhook endpoint.

Log in to your MyFormCapture dashboard
Go to Settings → Integrations
Find the Webhook URL section
Enter your webhook endpoint URL (e.g., https://your-server.com/webhooks/myformcapture)
Save the settings
Test by submitting a lead through your MyFormCapture widget

Important Note

Make sure your webhook endpoint is publicly accessible and can handle the webhook payload format.

Custom Integration

30 minutes Advanced

Build a custom webhook integration for your specific needs. Perfect for developers who want complete control over lead processing.

Understand the Webhook Payload

Learn the structure of data sent by MyFormCapture webhooks.

{
  "lead_id": "lead_123456",
  "customer_name": "John Doe",
  "customer_phone": "+1234567890",
  "customer_email": "john@example.com",
  "preferred_time": "2024-01-15T14:00:00Z",
  "page_url": "https://yoursite.com/contact",
  "timestamp": "2024-01-15T10:30:00Z",
  "form_data": {
    "company": "Acme Corp",
    "inquiry_type": "sales",
    "budget": "$10,000+",
    "custom_field": "custom_value"
  },
  "user_agent": "Mozilla/5.0...",
  "ip_address": "192.168.1.1",
  "referrer": "https://google.com"
}

Important Note

All webhook payloads include standard lead information plus any custom form fields you've configured.

Build Your Webhook Handler

Create a webhook endpoint that processes incoming lead data according to your business logic.

Choose your programming language and framework
Set up an HTTP server with a POST endpoint
Implement authentication and validation
Add your business logic for processing leads
Set up error handling and logging
Deploy to a server with a public URL

Important Note

Consider implementing webhook signature verification for security, and always validate incoming data.

Troubleshooting

Still having issues?

Can't find the answer you're looking for? Our support team is here to help with your integration.

Contact Support

References & Official Documentation

Next Steps

Configure MyFormCapture

Set up your business hours and timezone
Configure callback phone numbers
Set up email notifications
Add team members to your account

Advanced Features

Set up custom form templates
Configure lead scoring rules
Integrate with your CRM
Set up automated workflows

Webhooks Integration Guide

Prerequisites

Integration Methods

Slack Integration (Example)

Create a Slack App

Important Note

Configure Incoming Webhooks

Important Note

Set Up Your Webhook Endpoint

Important Note

Configure MyFormCapture Webhook

Important Note

Custom Integration

Understand the Webhook Payload

Important Note

Build Your Webhook Handler

Important Note

Troubleshooting

Still having issues?

Related Integrations

References & Official Documentation

Next Steps

Configure MyFormCapture

Advanced Features

Need Help?

Webhooks Integration Guide

Prerequisites

Integration Methods

Slack Integration (Example)

Create a Slack App

Important Note

Configure Incoming Webhooks

Important Note

Set Up Your Webhook Endpoint

Important Note

Configure MyFormCapture Webhook

Important Note

Custom Integration

Understand the Webhook Payload

Important Note

Build Your Webhook Handler

Important Note

Troubleshooting

Still having issues?

Related Integrations

References & Official Documentation

Next Steps

Configure MyFormCapture

Advanced Features

Need Help?

My Form Capture - Setup a Demo

Thank you for scheduling a demo!

Request a Call Back

Thank you for your request!

Connect With Us

Welcome to the waitlist!