Build a Webhook Automation Agent with Zapier, Email & Telegram

1. What You'll Build

This is a 4-step no-code automation workflow built on Zapier. Every time someone submits a form or action on your website, the following happens in real time:

2. What You'll Need

• Zapier account — Free plan works for testing; Starter (~$20/mo) for production
• Email address — Any email you want to receive alerts at
• Telegram account — Install the Telegram app and create a bot (instructions below)
• A website or app — Anything that can send an HTTP POST request (optional for testing)

3. Step 1 — Create the Webhook Trigger

Log in to zapier.com and create a new Zap. In the Trigger step, search for Webhooks by Zapier and select the event Catch Raw Hook. Zapier will generate a unique webhook URL for you.

Send a Test Payload

Zapier needs to receive at least one test request before you can continue. Use any of the methods below:

Method A — cURL (Terminal)

# Replace YOUR_WEBHOOK_URL with the URL from Zapier
curl -X POST YOUR_WEBHOOK_URL \
  -H "Content-Type: application/json" \
  -d '{"name": "Jane Smith", "email": "jane@example.com"}'

Method B — JavaScript (Browser or Node.js)

fetch('YOUR_WEBHOOK_URL', {
  method: 'POST',
  headers: { 'Content-Type': 'application/json' },
  body: JSON.stringify({
    name: 'Jane Smith',
    email: 'jane@example.com'
  })
});

Method C — Python

import requests

requests.post(
    'YOUR_WEBHOOK_URL',
    json={'name': 'Jane Smith', 'email': 'jane@example.com'}
)

After sending, go back to Zapier and click Test Trigger. You should see the JSON data appear. Click Continue.

4. Step 2 — Store Data in Zapier Tables

Zapier Tables is a built-in database that stores your records permanently. First, create your table:

1. Go to tables.zapier.com and click Create Table.

2. Name it something like "User Signups" and add two columns: User Name (text) and Email (email).

3. Save the table. Copy the Table ID from the URL bar.

4. Back in your Zap, add an Action step → Zapier Tables → Create Record.

Configure Field Mapping with Inline Formulas

Because the webhook captures raw JSON, you need inline formulas to extract each field. This is the most important technical step:

{{=Object.get(JSON.parse(YOUR_STEP_ID__raw_body), "name")}}

{{=Object.get(JSON.parse(YOUR_STEP_ID__raw_body), "email")}}

Click Test Action. A new row should appear in your Zapier Table. Click Continue.

5. Step 3 — Send Email Notification

1. Add a new Action step → search Email by Zapier → Send Outbound Email.

2. In the To field, enter your email address where you want alerts.

3. Set Subject: New Signup: [User Name] — use the dynamic field from the Tables step.

4. Paste this into the Body field and map each value dynamically:

Hello,

A new user has signed up. Here are the details:

Name:       [User Name]
Email:      [Email Address]
Record ID:  [Record ID from Tables step]
Time:       [Current Date/Time]

This is an automated notification.

Click Test Action — a real email should arrive in your inbox within seconds. Click Continue.

6. Step 4 — Send Telegram Alert

One-Time: Create a Telegram Bot

1. Open Telegram, search for @BotFather, and start a chat.

2. Type /newbot and follow the prompts — give your bot a name and username (must end in "bot").

3. BotFather will give you a Bot Token — save it securely.

4. Search for your new bot and click Start to activate it.

Find Your Chat ID

Visit this URL in your browser, replacing YOUR_BOT_TOKEN with your actual token:

https://api.telegram.org/botYOUR_BOT_TOKEN/getUpdates

In the JSON response, find the chat object and note the id field — that's your Chat ID.

Add Telegram to Your Zap

1. Add Action step → Telegram Bot → Send Text Message.

2. Connect your account using your Bot Token when prompted.

3. Enter your Chat ID in the Chat ID field.

4. Paste the message template below and map fields dynamically:

🤖 New Signup Alert!

Name:       [User Name]
Email:      [Email Address]
Record ID:  [Record ID]

Source: Automated via Zapier

Click Test Action — a message should appear on your phone instantly. Click Continue.

7. Publish & Test Your Automation

1. Click Publish in the top-right corner of the Zap editor.

2. Toggle the Zap to ON.

3. Send a fresh test payload to your webhook URL and watch all 4 steps fire in sequence.

Integrate with Your Website

Add this snippet to your form's submit handler to trigger the automation automatically:

// Add to your form submit handler
async function handleSignup(name, email) {
  const WEBHOOK_URL = 'YOUR_ZAPIER_WEBHOOK_URL';
  try {
    await fetch(WEBHOOK_URL, {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ name, email })
    });
    console.log('Signup tracked!');
  } catch (err) {
    console.error('Webhook error:', err);
  }
}

// Wire to your form:
document.getElementById('signup-form')
  .addEventListener('submit', (e) => {
    e.preventDefault();
    handleSignup(
      document.getElementById('name').value,
      document.getElementById('email').value
    );
  });

8. Customise & Extend

This 4-step workflow is a foundation. Here are practical ways to extend it:

9. Implementation Checklist

10. Troubleshooting