How to connect an HTML form to Slack, Discord, or Telegram

Getting instant notifications when someone submits your form is essential for sales teams, support desks, and anyone who needs to respond quickly. Slack, Discord, and Telegram all support incoming webhooks that make this possible.

This guide covers three approaches: native integrations through a form backend, direct webhook forwarding, and building a custom solution.

Approach 1: Native integration (recommended)

Form backend services like FormsFort offer built-in Slack, Discord, and Telegram integrations. No webhooks, no middleware, no code.

Slack integration

1. In the FormsFort dashboard, open your form settings
2. Navigate to the Notifications section
3. Select Slack
4. Authorize the FormsFort Slack app
5. Choose the channel to receive notifications
6. Save

Each form submission appears as a formatted message in the channel:

1
New form submission
2
Name: Ada Lovelace
3
Email: [email protected]
4
Message: Need help with integration setup
5
Submitted: 2026-05-28 at 2:32 PM

Discord integration

1. Open your form settings in the FormsFort dashboard
2. Navigate to Notifications
3. Select Discord
4. Paste your Discord webhook URL (create one in Server Settings > Integrations > Webhooks)
5. Save

Telegram integration

1. Create a Telegram bot via @BotFather
2. Add the bot to your group or start a direct chat
3. Get the chat ID (use @userinfobot or the Telegram API)
4. In FormsFort, enter the bot token and chat ID
5. Save

Approach 2: Webhook forwarding

If your form backend supports webhooks but not native integrations, forward submissions to messaging platform webhooks directly.

Slack incoming webhook

1. Create a Slack app at api.slack.com
2. Enable Incoming Webhooks
3. Create a webhook URL for your channel
4. Configure your form backend to POST to the webhook URL

The webhook expects a JSON payload:

1
{
2
  "text": "New form submission",
3
  "blocks": [
4
    {
5
      "type": "section",
6
      "text": {
7
        "type": "mrkdwn",
8
        "text": "*New form submission*\n*Name:* Ada Lovelace\n*Email:* [email protected]\n*Message:* Need help with integration"
9
      }
10
    }
11
  ]
12
}

Discord webhook

1. Go to Server Settings > Integrations > Webhooks
2. Create a new webhook for your channel
3. Copy the webhook URL
4. Configure your form backend to POST to the URL

Discord webhooks accept this JSON format:

1
{
2
  "content": "New form submission",
3
  "embeds": [
4
    {
5
      "title": "New Contact Form Submission",
6
      "fields": [
7
        { "name": "Name", "value": "Ada Lovelace", "inline": true },
8
        { "name": "Email", "value": "[email protected]", "inline": true },
9
        { "name": "Message", "value": "Need help with integration" }
10
      ],
11
      "color": 3066993
12
    }
13
  ]
14
}

Telegram bot API

Send messages via the Telegram Bot API:

1
POST https://api.telegram.org/bot<TOKEN>/sendMessage
2
{
3
  "chat_id": "-1001234567890",
4
  "text": "New form submission\nName: Ada Lovelace\nEmail: [email protected]\nMessage: Need help"
5
}

Approach 3: Custom serverless function

If you need full control over the notification format, create a serverless function that receives the form webhook and forwards to messaging platforms.

1
// Example: Cloudflare Worker or Vercel Edge Function
2
export default {
3
  async fetch(request) {
4
    const data = await request.formData();
5
    const name = data.get("name");
6
    const email = data.get("email");
7
    const message = data.get("message");
8

9
    const slackWebhook = "https://hooks.slack.com/services/YOUR/WEBHOOK/URL";
10
    await fetch(slackWebhook, {
11
      method: "POST",
12
      headers: { "Content-Type": "application/json" },
13
      body: JSON.stringify({
14
        text: `*New submission*\n*From:* ${name} (${email})\n*Message:* ${message}`,
15
      }),
16
    });
17

18
    return new Response("OK");
19
  },
20
};

Configure your form backend to forward submissions to this function’s URL.

Formatting notifications

Include submission metadata

Add context to notifications:

• Timestamp
• Page URL where the form was submitted
• User agent or device type
• Form identifier

Use conditional formatting

Highlight high-priority submissions:

1
🔴 URGENT: Enterprise lead from [email protected]
2
   Company: BigCorp (500+ employees)
3
   Budget: $50,000+
4
   Message: Need immediate quote

Thread related submissions

In Slack, use message threading to group submissions from the same email address or session.

Filtering and routing

Route by form field value

Send submissions to different channels based on field values:

Filter spam before notifying

Only send notifications for submissions that pass spam checks. This prevents your team channels from being flooded with bot submissions.

Summary

Connect HTML forms to Slack, Discord, or Telegram using native integrations in your form backend service for the simplest setup. For custom formatting, use webhook forwarding to post directly to platform webhook URLs. For full control, create a serverless function that receives form webhooks and forwards formatted messages to any platform. All approaches deliver notifications within seconds of submission.