1. Website Modal Form
โž”
2. Database Table Insert
โž”
3. after.insert Webhook
โž”
4. n8n Daily Puzzle
โž”
5. Telegram Alert Bot
STATUS: IDLE / READY
LATENCY: --
LEADS: 0
W

Dynamic Automations

Client Website & Inbound Lead Capture

Scale Operations with Custom AI Automation

High-performance platforms, automated workflow engines, and conversational AI systems designed to convert leads into revenue.

N

NocoDB Database

Table: Contact Form Leads (Table Webhook Active)
after.insert โž” n8n
N
/ Contact Form Leads / Contact Form Leads โŸณ
Data Details
โ˜ท Fields โงฉ Filter โ—ซ Group โ‡… Sort
๐Ÿ”
# T Name โœ‰ Email ๐Ÿ“ž Phone Number โฑ Contact Method ๐Ÿ— Business Notes
No records yet. Submit the contact form to trigger database insert.
โšก

n8n Automation Engine

Personal / Daily Puzzle (Published)
โ— Published
๐Ÿ‘ค Personal / Daily Puzzle + Add tag
0/3
Executions Auto refresh
  • Waiting for incoming webhook trigger...
โ˜
Webhook
POST :allEntries
1 item
โœˆ
Send Message Alert
Telegram Bot
โœˆ

Telegram Alert Feed

daily-puzzle-bot ยท Real-Time Sales Notification
D

daily-puzzle-bot

bot
๐Ÿ” โ‹ฎ
Today ยท History was cleared
๐Ÿ˜Š ๐Ÿ“Ž ๐ŸŽค

๐Ÿ” Real-Time Webhook Payload & Node Inspector

Inspect the exact JSON payload emitted by the database's records.after.insert event trigger and transformed by n8n.

1. Inbound Database Webhook Payload (POST Body)

{
  "event": "records.after.insert",
  "table": "Contact Form Leads",
  "timestamp": "2026-09-15T12:00:00.000Z",
  "data": {
    "id": 1,
    "Name": "John Doe",
    "Email": "johndoe@gmail.com",
    "Phone Number": "1234567890",
    "Contact Method": "Phone",
    "Business Notes": "Database -> n8n webhook -> Send Message"
  }
}

2. Telegram Node Transformed Message Payload

{
  "chat_id": "YOUR_TELEGRAM_CHAT_ID",
  "parse_mode": "Markdown",
  "text": "You have a new lead!\n\nTable: Contact Form Leads\nName: John Doe\nPreferred Contact Method: Phone"
}

๐Ÿ“– Database Webhook Configuration Guide

Step-by-step documentation for setting up automatic database webhooks in NocoDB, Supabase, and PostgreSQL following the clue ("Visit the docs for using webhooks in your database platform").

Option A: NocoDB Table Webhooks (Challenge Replica)

  1. Open NocoDB and navigate to your table: Contact Form Leads.
  2. Click the table kebab menu (โ‹ฎ) โž” Webhooks.
  3. Click New Webhook, name it n8n Lead Alert Dispatcher.
  4. Set Event to After Insert (records.after.insert).
  5. Paste your n8n Webhook Production URL: https://your-n8n.app/webhook/contact-form-lead.
  6. Set HTTP Method to POST and save. Every newly created record triggers n8n immediately!

Option B: Supabase Database Webhook & pg_net SQL Trigger

-- Supabase PostgreSQL Trigger via pg_net
create or replace function notify_n8n_on_lead_insert()
returns trigger language plpgsql security definer as $$
declare
  payload jsonb;
begin
  payload := jsonb_build_object(
    'event', 'records.after.insert',
    'table', 'Contact Form Leads',
    'data', row_to_json(NEW)
  );

  perform net.http_post(
    url := 'https://your-n8n.app/webhook/contact-form-lead',
    body := payload,
    headers := '{"Content-Type": "application/json"}'::jsonb
  );

  return NEW;
end;
$$;

create trigger trigger_lead_alert_webhook
after insert on public.contact_form_leads
for each row execute function notify_n8n_on_lead_insert();

8-Point Automated Diagnostic Suite

Verifies end-to-end data pipeline integrity, form validation, database insertion, and Telegram delivery.

PENDING
Test 1: Form Required Field Validation
Ensures empty submissions are safely rejected
--
PENDING
Test 2: Form Submission & Modal Transition
Verifies form submit event and transition to Thank You view
--
PENDING
Test 3: NocoDB Table Row Persistence
Asserts record appears with correct columns in table grid
--
PENDING
Test 4: Webhook Payload Formulation
Validates event format matches records.after.insert schema
--
PENDING
Test 5: n8n Webhook Node HTTP Handshake
Validates trigger reception and node activation pulse
--
PENDING
Test 6: Execution Telemetry & Stopwatch
Asserts execution ID generation and millisecond runtime measurement
--
PENDING
Test 7: Telegram Markdown Formatting
Verifies exact replica of alert text from challenge recording
--
PENDING
Test 8: Telegram DOM Insertion & Alert Notification
Validates message bubble mount and pipeline completion state
--
[Diagnostics Console Ready. Click 'Run All Tests' to execute automated verification suite.]

Webhook Dispatcher Settings

By default, the demo simulates the n8n pipeline offline in browser. You can optionally provide a real live n8n webhook URL to test live dispatches!