#webhook

Imagine you run an online store. Every time a customer places an order, you want your inventory and CRM to update instantly—without you manually clicking anything. That’s where a webhook comes in. It’s like a smart messenger that pushes updates in real time between apps.

What is a Webhook?

A webhook is a way for one app to send real‑time data to another app whenever a specific event happens. Think of it as a push notification for your server.

For example, when a payment is successful on Stripe, Stripe sends a webhook to your server instead of waiting for your app to ask for updates. This way, your app can react instantly.

Technically, a webhook is just an HTTP POST request sent to your server’s URL (called a webhook endpoint). The data usually comes in JSON format, so you can easily read and process it.

How Webhooks Work: Step by Step

Creating a webhook is simple once you understand the flow. Here’s how it works:

Event happensSomething important occurs in the source app, like a new user sign-up, a successful payment, or a code push to GitHub.

Webhook is triggeredThe app (like Stripe, GitHub, or Zapier) sends an HTTP POST request to a URL you provide. That URL is your webhook endpoint.

Data is deliveredThe POST request includes a payload (small JSON data) describing the event. For example: json

{ "event": "order_created", "order_id": 123 }

Your server processes itYour server receives the data and can:

Update the database

Send an email

Trigger a Slack or WhatsApp message

Response & retriesYour server should respond with HTTP 200 OK to confirm receipt. If it fails, the source app usually retries the webhook a few times.

Webhook Examples You Can Try

GitHub webhook

When you push code to a GitHub repository, GitHub can send a webhook to your CI/CD server. That server then runs tests and deploys the app automatically—no manual steps.

Slack webhook

You can create a Slack webhook URL for a channel. Whenever your server sends a POST request to that URL, a formatted message appears in Slack. Great for alerts like “New order received” or “Payment failed”.

Stripe/payment webhook

When a customer pays, Stripe sends a webhook to your endpoint. Your app can then:

Update the order status

Send a confirmation email

Reduce inventory

Zapier webhook

Zapier lets you create Zapier webhook integrations. You can receive data from any app, then trigger actions like sending emails, updating Google Sheets, or creating Trello cards—without writing code.

Online webhook testing

If you just want to test how webhooks work, you can use online webhook tools like Webhook. site. They give you a temporary URL where you can see the JSON payload sent by any app.

Benefits of Using Webhooks

Why should you care about webhooks in 2026? Here are the main benefits:

Real‑time updatesYour app reacts the moment an event happens—perfect for chat apps, dashboards, and payment systems.

Less server loadInstead of polling (checking repeatedly), webhooks only send data when needed. This saves CPU and bandwidth.

Automatic workflowsYou can automate tasks like sending welcome emails, updating databases, or posting messages without manual work.

Scalable & reliableBuilt‑in retries mean you don’t miss critical events, even if your server is slow for a moment.

Business‑grade use casesE‑commerce, SaaS, marketing, and support teams all use webhooks to save time and reduce errors.

Popular Tools That Use Webhooks

Dozens of popular tools support webhooks. Here are some you can use:

Zapier webhook: Connects 5,000+ apps for no‑code automation.

Slack webhook: Send messages to Slack channels from any app.

GitHub webhook: Trigger builds and deployments on every code push.

Twilio webhook: Handle SMS and call callbacks in real time.

WhatsApp webhook: Power chatbots and notifications on WhatsApp.

Jira webhook: Sync new issues and tickets across tools.

How to Create a Webhook: Step‑by‑Step

Step 1: Choose a source app

Pick an app that supports webhooks, like Stripe, GitHub, or Zapier. This app will send the webhook.

Step 2: Create a webhook endpoint

You need a public URL on your server where the webhook will arrive. For example:

https://yourdomain.com/webhook

Or use a cloud provider like VyomCloud to host your app on a fast, reliable server.

Step 3: Write a simple receiver

On your server, create a route that accepts POST requests:

jsapp.post('/webhook', (req, res) => {

  console.log(req.body); // Log the webhook data

  res.status(200).send('OK'); // Confirm receipt});

Step 4: Configure in the source app

Go to the app’s webhook settings (e.g., Stripe → Developers → Webhooks).

Paste your webhook URL.

Select which events should trigger the webhook (e.g., payment_succeeded).

Step 5: Test and secure

Send a test event using the app’s “Test” button.

Check your server logs to see the payload.

Add security:

Use HTTPS

Verify signatures (if the app provides them)

Whitelist IPs if needed

Use Cases for Businesses & Automation

Here’s how real businesses use webhooks in 2026:

E‑commerce: When a customer pays, a webhook updates inventory, sends a confirmation email, and notifies the shipping team—no manual steps.

DevOps & hosting: A GitHub webhook triggers an automatic build and deployment on platforms like VyomCloud, so your team can deploy instantly after every code change.

Marketing: When someone fills a form, a webhook sends the data to your CRM and triggers a welcome email in Mailchimp.

Support: A Jira webhook alerts your team in Slack when a new ticket is created.

Chatbots: A WhatsApp webhook or Twilio webhook lets chatbots respond instantly to user messages

Why VyomCloud Works Well With Webhooks

Webhooks run 24/7, so your server needs to stay online and responsive. If your webhook endpoint goes down, you might miss important events like payments or new orders.

VyomCloud’s cloud servers and VPS plans are optimized for webhooks and API workloads. You get:

Fast response times for webhook endpoints

High uptime and DDoS protection

Scalable resources for traffic spikes

API vs Webhook — Explained in Simple Malayalam

AI & automation start with understanding how apps communicate. Learn API vs Webhook with real examples + a live demo using n8n — perfect for beginners & non-coders.

🎥 Watch now: https://youtu.be/lVRXbpr8-k4

Because sendmail-to-matrix and matrix-commander, etc, are having problems with verification, I scraped together a quick utility to send messages to a matrix room from the command line using Maubot and webhooks:

Kennst du das? Eine Abwesenheit hier, eine Vertretung dort – und irgendwo dazwischen geht die Info verloren. Der Kalender ist nicht aktuell, die E-Mails stapeln sich und am Ende weiß keiner mehr so genau, wer eigentlich wann nicht da ist.

Dabei könnte alles so einfach sein. Mit einem kleinen HTML-Formular und einem n8n-Webhook kannst du Abwesenheiten komplett automatisch erfassen, bestätigen und in deinen Kalender eintragen lassen – ohne Stress, ohne Chaos, ohne Extraarbeit.

https://youtu.be/ucIL8ZQ6TM0

Kurz & wichtig: Datenschutz

In unserem Beispiel schicken wir ein paar persönliche Daten (Name, E-Mail, Abwesenheitszeiten) an n8n und den Google Kalender. Damit alles sauber bleibt, solltest du:

- eine Datenschutzerklärung verlinken, - eine Checkbox zur Einwilligung einbauen - und das Formular über HTTPS laufen lassen.

Wenn du auf Nummer sicher gehen willst, kannst du n8n auch einfach auf deinem eigenen Server laufen lassen – dann bleibt alles bei dir.

Was wird für den Workflow benötigt?

Für dieses kleine Automationsprojekt brauchst du tatsächlich gar nicht viel. Die Zutatenliste ist überschaubar – fast wie beim Kuchenrezept ohne Rosinen:

n8n (Standard-Plan)

Ich verwende hier die gehostete Cloud-Version von n8n im Standard-Plan. Damit bekommst du Webhooks, ausreichende Ausführungen und musst dich nicht mit Serverkram herumschlagen.

Google Kalender

Hier landen später alle Abwesenheiten automatisch als Termine. Ob privater Kalender oder Workspace – beides funktioniert.

Eine kleine Webseite

Für das HTML-Formular reicht eine simple Unterseite auf deiner Domain. Bei mir läuft sie auf einer Subdomain, abgesichert durch ein Wildcard-SSL-Zertifikat. → Wichtig ist nur: HTTPS muss aktiv sein (sonst motzt der Browser, und die DSGVO auch ein bisschen).

Und das war’s auch schon. Mehr brauchst du nicht, um Abwesenheiten völlig automatisch zu verarbeiten und sauber im Kalender abzulegen.

Das HTML-Formular als Basis für den Workflow

Damit der n8n-Workflow überhaupt Daten verarbeiten kann, brauchen wir zunächst ein kleines HTML-Formular. Dieses liegt später auf meiner Subdomain automation.draeger-it.blog und dient als Einstiegspunkt für alle Abwesenheitsmeldungen.

HTML Formular zum pflegen von Abwesenheiten

Ich stelle dir das komplette Formular als Download zur Verfügung – so musst du nicht selbst Code kopieren oder zusammenbauen.

Der wichtigste Punkt bei der Anpassung: Im Formular findest du einen Platzhalter namens DEINE_N8N_WEBHOOK_URL_HIER. Dort trägst du später die Webhook-URL aus deinem n8n-Workflow ein. Diese URL bekommt n8n automatisch zugewiesen, sobald du den Webhook-Node angelegt hast.

Außerdem gibt es im Formular einen Link zur Datenschutzerklärung. Diesen kannst du problemlos auf deine eigene Seite anpassen – im Beispiel verweise ich auf:

https://draeger-it.blog/datenschutz

Mehr musst du an dem Formular nicht ändern. Nach dem Einfügen deiner Webhook-Adresse kannst du die Datei einfach auf deine Subdomain hochladen und sofort verwenden.

Download: HTML-Formular (ZIP / HTML-Datei)

HTML Seite mit Formular zum Absenden von AbwesenheitenHerunterladen

Um die Seite nicht komplett öffentlich zugänglich zu machen, habe ich die Subdomain zusätzlich mit einem einfachen Basic-Auth-Schutz versehen. Das ist sicherheitstechnisch keine Hochsicherheitslösung, aber für interne Tools und Demo-Formulare völlig ausreichend. So kann nicht jede zufällige Person auf das Formular zugreifen, aber ich komme trotzdem bequem von überall aus dran.

einfaches Basic-Auth Formular für das HTML Formular

Der n8n-Workflow mit Webhook

Jetzt wird’s spannend: Wir bauen den eigentlichen n8n-Workflow, der das HTML-Formular verarbeitet und später automatisch einen Termin im Google Kalender erzeugt.

n8n Workflow - Abwesenheits Kalender Der Workflow im Überblick

Bevor wir in die Details einsteigen, hier einmal der komplette Ablauf in Kurzform:

- Formular ausfüllen Der Nutzer trägt Name, Zeitraum und Grund der Abwesenheit ein. - Webhook auslösen Beim Absenden wird das HTML-Formular direkt an n8n übermittelt. - Daten prüfen & formatieren n8n validiert die Eingaben, formatiert Daten und bereitet alles für den Kalender vor. - Kalendereintrag erstellen Die Abwesenheit wird automatisch als Termin im Google Kalender hinterlegt. - Benachrichtigung senden Zum Schluss erhält der Nutzer eine Bestätigung oder – falls etwas nicht stimmt – eine Fehlermeldung. Der Workflow im Detail

Der Einstiegspunkt für den gesamten Prozess ist ein Webhook. Dieser Webhook nimmt die Daten aus deinem Formular entgegen und leitet sie an die nachfolgenden Nodes weiter – ganz ohne eigenen Server, PHP, Backend oder API-Kenntnisse.

Der Workflow beginnt mit einem Webhook, der jedes Mal ausgelöst wird, wenn jemand unser HTML-Formular absendet. Dafür musst du in n8n lediglich einen Webhook-Node hinzufügen. Sobald der Node gespeichert ist, stellt dir n8n automatisch eine eindeutige Webhook-URL bereit. Diese URL ersetzt später im Formular den Platzhalter DEINE_N8N_WEBHOOK_URL_HIER – und schon ist dein Formular direkt mit dem Workflow verbunden.

Im HTML-Formular stellen wir bereits sicher, dass alle Pflichtfelder ausgefüllt sind – inklusive der Zustimmung zur Datenschutzerklärung. Das reicht für normale Nutzer vollkommen aus. Allerdings kann unser Workflow theoretisch auch direkt über die Webhook-URL angesteuert werden. Diese ist nicht geheim und könnte zum Beispiel von einem Angreifer genutzt werden, um den Workflow mit ungültigen oder unvollständigen Daten zu fluten.

Deshalb lohnt es sich, im Workflow selbst eine zusätzliche Prüfung einzubauen. Dafür eignet sich eine IF-Node, mit der wir nochmals kontrollieren können, ob alle wichtigen Felder im JSON vorhanden sind und sinnvolle Werte enthalten.

So stellen wir sicher, dass nur valide Formulare weiterverarbeitet werden – und alles andere direkt abgebrochen wird. Das schützt den Workflow vor unnötiger Last und verhindert, dass unvollständige oder manipulierte Daten in den Kalender oder die Datenbank wandern.

Sobald das Formular abgesendet wurde, landen die Daten im Webhook-Node unseres n8n-Workflows. Dort können wir sie bequem weiterverarbeiten und – für mehr Übersichtlichkeit – in ein sauberes JSON-Objekt umwandeln.

Dazu verwenden wir im nächsten Node eine kleine Expression, die alle Felder aus dem Request bündelt:

{{ JSON.stringify({ name: $json.body.name, email: $json.body.email, reason: $json.body.reason, date_from: $json.body.date_from, date_to: $json.body.date_to, comment: $json.body.comment, privacy: $json.body.privacy }) }}

Damit haben wir alle relevanten Angaben aus dem Formular ordentlich strukturiert und können sie im weiteren Verlauf des Workflows – etwa für den Google Kalender oder die Datenbank – problemlos weiterverwenden.

Im nächsten Schritt ermitteln wir zunächst den aktuellen Zeitstempel und bringen ihn direkt in ein gut lesbares Format – hier verwende ich dd.MM.yy – HH:mm:ss. Gleichzeitig formatieren wir auch die vom Formular empfangenen Datumswerte für die Abwesenheit.

Der Grund dafür ist ganz simpel: Diese Felder werden später in einer Bestätigungs-E-Mail benötigt und sollen dort natürlich sauber und verständlich angezeigt werden. Durch die Formatierung an dieser Stelle müssen wir uns später im Workflow nicht mehr darum kümmern.

Nachdem wir jetzt alle Daten gesammelt und formatiert haben, folgt eine weitere sinnvolle Prüfung: Wir stellen sicher, dass das Von-Datum tatsächlich vor dem Bis-Datum liegt. Theoretisch ließe sich das bereits im HTML-Formular mit etwas JavaScript abfangen – aber da wir hier bewusst einen Low-Code / No-Code-Ansatz verfolgen, erledigen wir diese Logik direkt in n8n.

Dafür fügen wir eine IF-Node ein, die prüft, ob beide Datumswerte in der richtigen Reihenfolge liegen. Wenn die Prüfung erfolgreich ist, geht es weiter mit dem nächsten Schritt: dem Eintrag in den Google Kalender. Sollte das Datum jedoch ungültig sein, wird der Workflow nicht fortgesetzt – stattdessen versenden wir eine kurze Fehlermeldung per E-Mail, damit der Benutzer weiß, was schiefgelaufen ist.

Im Fehlerfall – also wenn die Datumsprüfung fehlschlägt – senden wir wie erwähnt eine E-Mail an den Ersteller des Formulars. In dieser Nachricht erklären wir nicht nur, dass die Abwesenheit nicht gespeichert wurde, sondern geben auch einen kurzen Hinweis darauf, welche Prüfung nicht bestanden wurde. So weiß der Nutzer sofort, was zu korrigieren ist.

Für den Versand nutze ich einen ganz normalen GMail-Account. Das hat den Vorteil, dass die Einrichtung in n8n extrem unkompliziert ist: Einmal verbinden, die Autorisierung bestätigen – und schon kann n8n E-Mails über das eigene Google-Konto versenden.

Die Nachricht selbst verschicke ich im HTML-Format. Dadurch können im Inhalt problemlos HTML-Tags verwendet werden, z. B. für fett formatierten Text, Absätze oder farblich hervorgehobene Hinweise. Das sorgt dafür, dass die Mail deutlich übersichtlicher und angenehmer zu lesen ist als ein reiner Textblock.

Der Abwesenheitsantrag vom {{ $json.timestamp }} für {{ $('Create Abwesenheit Object').item.json.abwesenheit.name }} konnte nicht angelegt werden! Von: {{ $('Date & Time - format from Date').item.json.formattedDateFrom }} Bis: {{ $('Date & Time - format to Date').item.json.formattedDateTo }} Grund: {{ $('Create Abwesenheit Object').item.json.abwesenheit.reason }} Kommentar: {{ $('Create Abwesenheit Object').item.json.abwesenheit.comment }} Hinweis: Das Datum von muss vor dem Datum bis liegen! Der Datenschutzbestimmung zu zugestimmt werden!

Wenn die Prüfung ergibt, dass alle Daten korrekt sind, geht es weiter mit dem nächsten Schritt: der Erstellung des Kalendereintrags. Damit der Eintrag im Google Kalender richtig abgebildet wird, müssen wir beim Bis-Datum einen Tag hinzufügen. Hintergrund: Google Calendar interpretiert Ganztagstermine so, dass das Enddatum exklusiv ist – der Termin endet also einen Tag vorher, wenn wir nichts anpassen.

Diese kleine Korrektur lässt sich ganz einfach mit einer Date & Time Node in n8n erledigen. Dort addieren wir zum date_to einfach einen weiteren Tag, bevor die Daten an den Google-Calendar-Node weitergegeben werden. Damit wird die Abwesenheit im Kalender exakt so angezeigt, wie man es erwartet.

Mit den aufbereiteten Daten können wir jetzt den eigentlichen Kalendereintrag erstellen. Im Google-Calendar-Node müssen wir dafür nichts weiter tun, als die entsprechenden Werte per Drag & Drop in die vorgesehenen Felder zu ziehen – n8n macht uns das hier wirklich leicht.

In meinem Fall fülle ich zusätzlich die Description des Termins. Dort liste ich alle relevanten Informationen wie Name, Zeitraum, Grund der Abwesenheit und den optionalen Kommentar aus dem Formular noch einmal übersichtlich auf. So steht später im Kalender alles genau so drin, wie man es erwartet, und die Abwesenheit bleibt eindeutig nachvollziehbar.

{{ $('Create Abwesenheit Object').item.json.abwesenheit.name }} ist vom {{ $('Date & Time - format from Date').item.json.formattedDateFrom }} bis einschließlich {{ $('Date & Time - format to Date').item.json.formattedDateTo }} nicht anwesend. Kommentar: {{ $('Create Abwesenheit Object').item.json.abwesenheit.comment }}

Am Ende des Workflows sende ich noch eine kurze Bestätigungsmail, die darüber informiert, dass der Abwesenheitseintrag erfolgreich übernommen wurde. So bekommt der Nutzer direkt eine Rückmeldung, dass alles funktioniert hat.

Der Abwesenheitsantrag vom {{ $('Date & Time').item.json.timestamp }} für {{ $('Create Abwesenheit Object').item.json.abwesenheit.name }} wurde erfolgreich mit den nachfolgenden Daten angelegt: Von: {{ $('Date & Time - format from Date').item.json.formattedDateFrom }} Bis: {{ $('Date & Time - format to Date').item.json.formattedDateTo }} Grund: {{ $('Create Abwesenheit Object').item.json.abwesenheit.reason }} Kommentar: {{ $('Create Abwesenheit Object').item.json.abwesenheit.comment }}

Was man noch automatisieren könnte

Der Workflow funktioniert bereits zuverlässig – aber natürlich lässt sich das Ganze noch deutlich weiter ausbauen. Aktuell wird jede Abwesenheit eingetragen, ohne dass der Nutzer später die Möglichkeit hat, den Eintrag selbst zu stornieren oder zu bearbeiten. Genau hier kann n8n seine Stärken ausspielen.

Eine Idee wäre, die Daten jedes Kalendereintrags zusätzlich in einer n8n DataTable abzulegen. Dort könnte man einen eindeutigen Hash oder Token speichern, der den Datensatz eindeutig identifiziert. Diesen Hash könnte man dem Nutzer direkt in der Bestätigungsmail als speziellen Link mitgeben.

Über diesen Link würden wir anschließend einen weiteren Webhook ansteuern – zum Beispiel zum Löschen oder Anpassen eines Eintrags. Alternativ könnte man auch ein eigenes kleines „Abwesenheit bearbeiten“-Formular bereitstellen, das über einen separaten Webhook läuft und die bestehenden Daten aktualisiert.

Damit ließe sich der Workflow zu einem kleinen, aber vollständigen Abwesenheits-Managementsystem erweitern – ganz ohne eigene Serverlogik und komplett mit Low-Code-Mitteln.

Fazit

Mit nur wenigen Nodes lässt sich aus einem einfachen HTML-Formular ein vollautomatischer Abwesenheitsworkflow bauen – ganz ohne eigenes Backend und komplett im Low-Code-Stil. n8n übernimmt dabei nicht nur die Verarbeitung der Formulardaten, sondern kümmert sich auch um Validierung, Datumshandling, Kalendereinträge und E-Mail-Benachrichtigungen.

Das Ergebnis ist ein schlanker, zuverlässiger Prozess, der im Alltag spürbar Zeit spart und gleichzeitig Fehler reduziert. Und das Beste: Der Workflow ist erst der Anfang. Mit ein paar Erweiterungen – wie z. B. einer Bearbeiten- oder Stornieren-Funktion – lässt sich daraus problemlos ein kleines Abwesenheitsmanagement-System entwickeln.

Wenn du noch tiefer einsteigen möchtest oder den Workflow Schritt für Schritt nachbauen willst, findest du alle Details dazu im begleitenden YouTube-Video. Viel Spaß beim Automatisieren!

FAQ – Häufige Fragen zum n8n-Webhooks & Abwesenheitsworkflow

Wie sicher ist ein n8n-Webhook?

Ein Webhook ist grundsätzlich öffentlich erreichbar, daher solltest du ihn absichern. Das geht z. B. über:

- ein Webhook-Secret - einen Custom-Header - IP-Restriktion - oder Basic Auth vor dem Formular

Für interne Tools reicht meist eine einfache Schutzmaßnahme. Mehr dazu zeige ich im Video.

Kann ich den Workflow auch ohne Google-Konto nutzen?

Ja! Google Calendar ist nur ein Beispiel. Du kannst stattdessen auch:

- Outlook / Microsoft 365 - iCloud-Kalender - CalDAV - oder jede andere Kalender-API

einbinden — n8n unterstützt zahlreiche Dienste.

Develop and test Airtable webhooks on localhost! Learn how to use Tunnelmole to get a public URL for your local Node.js server and build real-time integrations faster. #Airtable #Webhook #NodeJS #DevTools #OpenSource #API https://softwareengineeringstandard.com/2025/09/01/airtable-webhook/

Automate your Google Chat! Learn to use webhooks for notifications and build interactive bots with Node.js. Full guide & code: https://softwareengineeringstandard.com/2025/09/01/google-chat-webhook/ #GoogleChat #Webhook

--- claire_approved: true --- Stop deploying to test Shopify webhooks. Get a public URL for your local server with Tunnelmole and debug live. #Shopify #Webhook #NodeJS #DevTips https://softwareengineeringstandard.com/2025/08/31/shopify-webhook-2/

Unlock powerful automation with GitHub Webhooks. Our guide covers building, testing, and securing your endpoints. #GitHub #Webhook #DevOps #API https://softwareengineeringstandard.com/2025/08/31/github-webhook/