Typeform to Slack: Real-Time Lead Alert Integration

Comparison matrix

ROI metrics

Integrating Typeform and Slack pays for itself within 9 business days by eliminating manual lead distribution and reducing inbound lead response times from 3 hours to under 30 seconds.

Step-by-step setup guide

1. 1.Create a Slack App and Enable Incoming Webhooks

   Navigate to api.slack.com/apps, click 'Create New App' (From scratch), select your development workspace, and toggle 'Incoming Webhooks' to On.

   curl -X POST -H 'Content-type: application/json' --data '{"text":"Webhook initialized"}' https://hooks.slack.com/services/T00000000/B00000000/XXXXXXXXXXXXXXXXXXXXXXXX

2. 2.Provision an Incoming Webhook URL to the Target Lead Channel

   Click 'Add New Webhook to Workspace' under the Incoming Webhooks panel, choose your target channel (e.g., #sales-leads), and copy the generated Webhook URL containing workspace, service, and token identifiers.

3. 3.Generate a Typeform Personal Access Token

   Open Typeform Account Settings > Personal Tokens and click 'Generate a new token'. Name the token 'slack-alerts' and check scopes 'forms:read' and 'webhooks:write'.

   export TYPEFORM_PAT="tfp_v2_xxxxxxxxxxxxxxxxxxxxxxxxxxxx"

4. 4.Register the Webhook Endpoint on Typeform

   Use the Typeform Create/Update Webhook API to register the receiver endpoint or intermediary worker URL with a secret key for signature verification.

   curl -X PUT "https://api.typeform.com/forms/{form_id}/webhooks/slack-lead-alert" -H "Authorization: Bearer $TYPEFORM_PAT" -H "Content-Type: application/json" -d '{"url":"https://your-worker.example.com/webhook","enabled":true,"secret":"your_shared_webhook_secret"}'

5. 5.Transform Typeform Payload to Slack Block Kit

   Deploy an intermediary serverless function (AWS Lambda or Cloudflare Worker) to verify the Typeform-Signature HMAC SHA256 header, map the nested answers array to key-value pairs, and post the formatted Block Kit payload to Slack.

   curl -X POST https://hooks.slack.com/services/T00000000/B00000000/XXXXXXXXXXXXXXXXXXXXXXXX -H 'Content-Type: application/json' -d '{"blocks":[{"type":"header","text":{"type":"plain_text","text":"New Enterprise Lead"}},{"type":"section","fields":[{"type":"mrkdwn","text":"*Name:* Jane Doe"},{"type":"mrkdwn","text":"*Email:* jane@example.com"}]}]}'

Webhook payload example

{
  "event_id": "01HP4M19R9XYZ8B12CDEFGH456",
  "event_type": "form_response",
  "form_response": {
    "form_id": "vK3l9x",
    "token": "01HP4M19R9XYZ8B12CDEFGH456",
    "landed_at": "2024-03-24T10:14:22Z",
    "submitted_at": "2024-03-24T10:15:05Z",
    "hidden": {
      "utm_source": "google",
      "utm_campaign": "q1_enterprise"
    },
    "definition": {
      "id": "vK3l9x",
      "title": "Enterprise Contact Form",
      "fields": [
        {
          "id": "name_field_01",
          "ref": "lead_name",
          "type": "short_text",
          "title": "What is your name?"
        },
        {
          "id": "email_field_02",
          "ref": "lead_email",
          "type": "email",
          "title": "What is your work email?"
        }
      ]
    },
    "answers": [
      {
        "type": "text",
        "text": "Jane Doe",
        "field": {
          "id": "name_field_01",
          "type": "short_text",
          "ref": "lead_name"
        }
      },
      {
        "type": "email",
        "email": "jane@example.com",
        "field": {
          "id": "email_field_02",
          "type": "email",
          "ref": "lead_email"
        }
      }
    ]
  }
}

FAQ