WhatsApp-bevestiging versturen bij een Webflow-formulier

Webflow-sites gebruiken bijna altijd de ingebouwde formulieren — snel te bouwen, maar de meldingen die erbij horen zijn een gewone e-mail. Die belandt in de spam, wordt pas 's avonds gelezen, of gaat simpelweg verloren tussen de nieuwsbrieven. Een WhatsApp-bericht naar jezelf of naar de bezoeker wordt binnen enkele seconden gelezen. Dit artikel laat zien hoe je dat koppelt via Webflow's eigen webhook-functie, zonder een Meta Business-verificatie of een losse app.

Webflow's ingebouwde formulier-webhook

Webflow heeft geen native WhatsApp-integratie, maar wel een eigen webhook-systeem: in Site settings → Integrations → Webhooks registreer je een URL die een POST-request krijgt bij elke form_submission. De payload is JSON en bevat onder andere de naam van het formulier en een data-object met de ingevulde velden (de exacte veldnamen hangen af van hoe je het formulier in de Designer hebt opgebouwd — check dat eerst met een test-submit naar een tool als webhook.site).

Je hebt dus geen plugin of marketplace-app nodig: je registreert simpelweg je eigen eindpunt als ontvanger.

Je eindpunt bouwen: webhook ontvangen, WhatsApp versturen

Dat eindpunt is een stukje code dat jij host — een kleine PHP-pagina, een serverless function, of een route in een bestaande app. Het ontvangt de JSON van Webflow en doet daarna een gewone POST naar de TextMeFlow API, net als vanuit elke andere PHP-, Python- of Node-toepassing:

<?php
// webflow-webhook.php
$payload = json_decode(file_get_contents('php://input'), true);
$data = $payload['data'] ?? [];

$telefoon = normaliseer_telefoonnummer($data['Phone'] ?? '');
$naam     = $data['Name'] ?? 'een bezoeker';

if ($telefoon) {
    file_get_contents('https://api.textmeflow.eu/v1/messages', false, stream_context_create([
        'http' => [
            'method'  => 'POST',
            'header'  => "Content-Type: application/json\r\nAuthorization: Bearer " . getenv('TEXTMEFLOW_API_KEY') . "\r\n",
            'content' => json_encode([
                'to'   => $telefoon,
                'text' => "Bedankt {$naam}, we hebben je aanvraag ontvangen en nemen snel contact op.",
            ]),
        ],
    ]));
}

http_response_code(200);

Geef dit eindpunt een publieke HTTPS-URL en registreer die als webhook in Webflow. Houd de response snel en met status 200 — Webflow verwacht een vlotte bevestiging, niet dat je eindpunt wacht tot de WhatsApp-send volledig is afgerond.

Telefoonnummer normaliseren naar E.164

Een Webflow-formulierveld levert ruwe tekst op: 0472 93 22 08, +32 472 93 22 08 of gewoon 472932208, afhankelijk van wat de bezoeker intikt. TextMeFlow accepteert uitsluitend E.164 (+32472932208), dus normaliseer vóór je de API aanroept:

function normaliseer_telefoonnummer(string $nummer): string {
    $nummer = preg_replace('/[^0-9+]/', '', $nummer);
    if (str_starts_with($nummer, '0')) {
        $nummer = '+32' . substr($nummer, 1); // pas aan naar je eigen markt
    }
    return $nummer;
}

Zonder deze stap faalt een deel van je sends stil, en merk je dat pas als een klant belt om te vragen waarom er geen bevestiging kwam.

Stuur ook een interne melding

Naast de bevestiging aan de bezoeker is een tweede, vaste send naar het eigen teamnummer vaak net zo waardevol: een nieuwe leadaanvraag op WhatsApp wordt sneller opgepikt dan eentje die wacht in een inbox. Voeg gewoon een tweede to-waarde toe in dezelfde functie — je gebruikt dezelfde API-call, alleen met een vast nummer in plaats van het formulierveld.

Volume en rate limits

Bij een contactformulier met een paar aanvragen per dag speelt dit niet. Verwacht je pieken — na een campagne, een actiepagina — dan is het de moeite om je huidige verbruik en limieten te bekijken in /docs/api voordat je de koppeling live zet voor alle bezoekers, zodat een piek niet tegen een plan-limiet aanloopt op het moment dat het er net op aankomt.

Aan de slag

Geen Meta-aanvraag, geen goedkeuringsproces, geen marketplace-app — alleen een Webflow-webhook, een klein eindpunt dat jij zelf host, en een TextMeFlow-account gekoppeld via QR-code. Test de koppeling eerst met je eigen telefoonnummer voor je hem openstelt voor echte bezoekers.

Start gratis op TextMeFlow → — 50 berichten per maand, geen verloopdatum, geen creditcard nodig.