Waarom een WhatsApp chatbot voor je webshop?
In Nederland gebruikt ruim 85% van de bevolking WhatsApp dagelijks. Bron: Statista, 2026. Dat maakt WhatsApp het populairste communicatiekanaal van het land, ver boven e-mail en telefoon als het gaat om de snelheid waarmee mensen reageren. Berichten via WhatsApp worden gemiddeld binnen drie minuten gelezen; e-mails duren gemiddeld 90 minuten.
Voor webshophouders betekent dit dat een groot deel van je klanten al gewend is om via WhatsApp vragen te stellen, bestellingen te controleren en klachten te melden. Veel ondernemers beantwoorden die berichten nog handmatig, wat gemakkelijk twee tot vier uur per dag kost. Tegelijk zijn klanten 24/7 actief: 's avonds laat, in het weekend, op feestdagen.
Met n8n en de Claude API kun je in 2026 in een middag een volwaardige AI-chatbot bouwen die automatisch klantvragen afhandelt, bestellingsstatus opzoekt en bij ingewikkelde vragen doorverbindt naar een medewerker. Zonder ook maar een regel code te schrijven, maar met de mogelijkheid om alles volledig aan te passen.
Wat maakt deze aanpak bijzonder ten opzichte van kant-en-klare chatbot-software? Drie dingen. Ten eerste volledige controle: jij bepaalt het systeem-prompt, de toon van de bot en welke data hij mag inzien. Ten tweede kosten: in tegenstelling tot platforms die 200 tot 500 euro per maand vragen, betaal je hier alleen voor wat je daadwerkelijk gebruikt. En ten derde schaalbaarheid: dezelfde workflow werkt voor 10 berichten per dag of 10.000.
Wat je na deze handleiding kunt
De architectuur: hoe het systeem werkt
Voordat je begint is het nuttig om te begrijpen hoe de onderdelen samenwerken. Het systeem bestaat uit vier lagen die elk een duidelijke verantwoordelijkheid hebben.
Laag 1 is het kanaal: de WhatsApp Business API van Meta. Dit is de officiële API waarmee je berichten kunt ontvangen en versturen. Meta stuurt elk binnenkomend bericht als een HTTP POST-verzoek naar een door jou opgegeven webhook URL.
Laag 2 is de orchestrator: n8n. N8n ontvangt het webhook-verzoek, verwerkt de data, roept externe services aan en stuurt het antwoord terug. N8n is een open-source tool die je zelf kunt hosten of via n8n.cloud kunt gebruiken. Het grote voordeel is dat alle logica visueel is en je geen code hoeft te schrijven voor de meeste stappen.
Laag 3 is het geheugen: Supabase. WhatsApp gesprekken hebben context nodig. Als een klant eerst vraagt 'Waar is mijn bestelling?' en daarna 'En kan ik die terugsturen?', moet de bot weten over welke bestelling het gaat. Supabase slaat de conversatiehistorie op als JSON in een PostgreSQL-database.
Laag 4 is de AI: Claude Sonnet 4.6 van Anthropic. Claude ontvangt het volledige gesprek als context, samen met een system-prompt die bepaalt hoe de bot zich gedraagt, en genereert een passend antwoord in het Nederlands.
Wat je nodig hebt voor je begint
Accounts en toegang
Technisch niveau
Deze handleiding is bedoeld voor gevorderde gebruikers. Je hoeft niet te kunnen programmeren, maar basiskennis van hoe APIs werken, wat JSON is en hoe je n8n nodes configureert is vereist. Als je net begint met n8n, raden we aan eerst de handleiding 'Je eerste AI agent in Flowise (zonder code)' door te nemen als warming-up.
Geschatte tijdsinvestering
Stap 1: WhatsApp Business API instellen via Meta Developer Platform
De WhatsApp Business API (ook wel Cloud API genoemd) is de officiële manier van Meta om WhatsApp te integreren in externe systemen. Voordat de API beschikbaar was, moest je werken via dure Business Service Providers. Tegenwoordig kun je rechtstreeks connecteren, gratis, met alleen een Meta Business Account.
Meta Developer App aanmaken
Ga naar developers.facebook.com en log in met je persoonlijke Meta-account. Klik bovenaan op 'Mijn apps' en daarna op 'App aanmaken'. Kies als app-type 'Business' en geef de app een duidelijke naam zoals 'Webshop Chatbot [Jouw Bedrijfsnaam]'. Als contactmailadres gebruik je je zakelijk e-mailadres.
Na het aanmaken kom je in het app-dashboard. Zoek in de lijst met producten naar 'WhatsApp' en klik op 'Instellen'. Meta vraagt je om een Meta Business Account te koppelen. Als je dat nog niet hebt, maak het gratis aan via business.facebook.com en keer dan terug naar de Developer app om het te koppelen.
Telefoonnummer toevoegen en verificeren
In het WhatsApp-dashboard klik je op 'API Setup'. Je ziet hier een testnummer dat Meta beschikbaar stelt waarmee je maximaal 5 testnummers berichten kunt sturen. Voor productie voeg je je eigen bedrijfsnummer toe.
Klik op 'Telefoonnummer toevoegen'. Meta vraagt om de naam van je bedrijf en de categorie. Voer het telefoonnummer in dat je wilt koppelen. Let op: dit nummer mag niet al verbonden zijn met een actief persoonlijk WhatsApp-account. Als dat wel zo is, maak dan eerst een back-up en verwijder het account van dat nummer.
Meta verstuurt een verificatiecode per sms of spraakoproep. Na verificatie staat je nummer klaar. Noteer de volgende drie waarden uit het dashboard, want je hebt ze allemaal nodig:
Gebruik geen tijdelijk access token in productie. Die verlopen na 60 dagen. Een System User token verloopt niet en is de aanbevolen manier voor geautomatiseerde koppelingen.
Stap 2: N8n workflow aanmaken met een Webhook-trigger
N8n is de spil van het systeem. Alle logica, alle API-aanroepen en alle condities lopen via n8n. Je begint met een lege workflow en voegt stap voor stap nodes toe.
Ga naar je n8n-instantie en klik op 'Nieuw workflow'. Geef de workflow een naam zoals 'WhatsApp Chatbot Webshop'. Klik op het plus-icoon om een node toe te voegen en zoek op 'Webhook'. Kies de Webhook-node als triggernode.
Configureer de Webhook-node als volgt:
De 'Respond Using Respond to Webhook Node'-instelling is cruciaal. WhatsApp vereist dat je webhook binnen 5 seconden een HTTP 200-response stuurt, anders markeert Meta je webhook als onbetrouwbaar en stopt het met sturen. Door de Respond to Webhook-node als aparte stap toe te voegen, kun je direct 200 teruggeven terwijl de rest van de workflow asynchroon doorloopt.
Activeer de workflow via de schakelaar rechtsboven. Kopieer de volledige webhook URL die n8n genereert. Die heeft de structuur:
Host je n8n zelf op een VPS? Zorg dan voor een geldig HTTPS-certificaat. Meta weigert HTTP-endpoints. Gebruik Caddy als reverse proxy, die automatisch Let's Encrypt-certificaten beheert. Voeg dit toe aan je Caddyfile:
Stap 3: WhatsApp webhook registreren en verificeren
Meta verifieert dat jij de eigenaar bent van de webhook URL door een GET-verzoek te sturen met een verify_token. Als jouw endpoint dat token herkent en de juiste challenge teruggeeft, is de verificatie geslaagd.
Webhook URL registreren in Meta
Ga terug naar het WhatsApp-gedeelte van je Meta Developer App. Klik op 'Configuration' in het linkermenu. In het veld 'Callback URL' plak je je n8n webhook URL. In het veld 'Verify token' vul je een zelfgekozen geheime string in. Kies iets onraadbaars, zoals een combinatie van willekeurige letters en cijfers:
Verificatielogica in n8n
Meta stuurt bij het opslaan van de webhook URL direct een GET-verzoek naar je endpoint. Je n8n webhook ontvangt dit als een GET-request met query-parameters. Voeg een IF-node toe die controleert of het een verificatieverzoek is:
Verbind de 'true'-tak van de IF-node met een Respond to Webhook-node die de challenge teruggeeft:
Klik nu op 'Verify and save' in het Meta-dashboard. Als het lukt zie je een groen vinkje. Abonneer je daarna op het webhook-event 'messages' door op 'Manage' te klikken naast 'Webhook fields' en messages aan te vinken. Zonder dit abonnement ontvang je geen berichten.
Stap 4: Binnenkomende berichten extraheren en valideren
Als een klant een bericht stuurt, ontvangt je n8n webhook een POST-verzoek van Meta. De structuur van dit verzoek is complex, met meerdere geneste lagen. Hier is een volledig voorbeeld van een inkomend tekstbericht:
Meta stuurt ook status-updates (delivery receipts) via hetzelfde webhook endpoint. Die wil je negeren. Voeg een IF-node toe die controleert of het verzoek daadwerkelijk berichten bevat:
Verbind de false-tak van de verificatie-IF met deze Code-node. Voeg na de Code-node ook direct de Respond to Webhook-node toe die HTTP 200 teruggeeft aan Meta. Doe dit zo vroeg mogelijk in de flow, zodat Meta nooit een timeout ervaart.
Stap 5: Conversatiegeheugen opzetten in Supabase
Claude is een stateless AI. Elke API-aanroep is onafhankelijk van de vorige. Om coherente gesprekken mogelijk te maken, moet je de conversatiehistorie zelf beheren. Supabase is de ideale oplossing: het biedt een PostgreSQL-database met een REST API die je direct vanuit n8n kunt aanroepen, zonder speciale connectors.
Tabel aanmaken in Supabase
Ga naar je Supabase-project en open de SQL Editor. Voer de volgende SQL uit om de tabel aan te maken:
Sessie ophalen of aanmaken in n8n
Voeg een HTTP Request-node toe met de naam 'Haal sessie op'. Configureer als volgt:
Voeg een IF-node toe die controleert of er een resultaat is: de conditie is {{ $json.length }} groter dan 0. De true-tak gaat verder met de bestaande sessie. De false-tak maakt een nieuwe sessie aan via een POST-request naar hetzelfde endpoint:
Stap 6: Claude Sonnet 4.6 koppelen voor intelligente antwoorden
Nu het geheugen werkt, is het tijd voor de kern van het systeem: Claude. De Claude API is eenvoudig te gebruiken via een HTTP Request-node in n8n. Je stuurt de conversatiehistorie mee als context, zodat Claude het volledige gesprek begrijpt en samenhangend kan antwoorden.
Conversatiehistorie samenvoegen
Voeg een Code-node toe die de bestaande messages uit Supabase combineert met het nieuwe bericht:
Claude API aanroepen
Voeg een HTTP Request-node toe met de naam 'Claude API'. Stel deze in:
Body (JSON):
Na de Claude API-node voeg je een Code-node toe die het antwoord extraheert en de conversatiehistorie bijwerkt in Supabase. Voeg het antwoord van Claude toe als assistant-bericht in de messages-array en sla die terug op:
Voeg daarna een HTTP Request-node toe die de bijgewerkte messages opslaat in Supabase via PATCH:
Stap 7: Antwoord versturen via de WhatsApp API
Het antwoord van Claude moet nu terug naar de klant via de WhatsApp Business API. Dit is de meest rechttoe-rechtaan stap: een POST-verzoek naar de Meta Graph API met het telefoonnummer van de klant en de berichttekst.
WhatsApp berichten hebben een maximale lengte van 4096 karakters. Claude's antwoorden zijn normaal gesproken veel korter, maar voeg voor de zekerheid een check toe in je Code-node: als de response langer is dan 4000 tekens, knip hem dan af en voeg toe 'Dit antwoord is afgekort. Neem contact op voor meer details.'
Belangrijk: WhatsApp beperkt het sturen van berichten buiten het 24-uurs servicevenster. Als een klant je langer dan 24 uur niet heeft berichtgestuurde, kun je alleen een goedgekeurde berichttemplate sturen, geen vrije tekst. Maak hiervoor templates aan in de Meta Business Manager onder 'Message Templates'. Ze worden beoordeeld door Meta (doorgaans binnen 24 uur) en zijn aanvullingberichten zoals 'Klaar om je verder te helpen? Stuur ons een bericht.'
Stap 8: Bestellingsstatus automatisch ophalen via WooCommerce
Veel klantvragen gaan over bestellingen. Door je WooCommerce-database te koppelen, kan Claude echte informatie geven over verzendstatus, trackingcodes en verwachte levertijden, in plaats van te verwijzen naar de website.
WooCommerce API credentials aanmaken
In je WordPress-dashboard ga je naar WooCommerce > Instellingen > Geavanceerd > REST API. Klik op 'Sleutel toevoegen'. Geef de sleutel een beschrijvende naam zoals 'WhatsApp Chatbot' en kies als rechten 'Lezen'. Genereer de sleutel en noteer de Consumer Key en Consumer Secret.
Voeg voor de WooCommerce-stap een IF-node toe die detecteert of de klant een ordernummer noemt. WhatsApp-klanten noemen ordernummers vaak op verschillende manieren: '#4521', 'bestelling 4521', 'order 4521'. Gebruik een regex die al deze varianten pakt:
Als hasOrderNumber true is, roep je de WooCommerce REST API aan:
Voeg de orderdata toe als extra context in het system-prompt van Claude. Voeg een Code-node toe die een samenvatting maakt van de bestelling:
Voeg de orderContext toe aan het system-prompt van Claude door de string te interpoleren in de system-parameter van je Claude API-call. Claude gebruikt deze informatie om nauwkeurig te antwoorden zonder de ruwe API-data letterlijk door te sturen aan de klant.
Stap 9: Escalatie naar menselijke medewerker via Slack
Niet elk gesprek kan de AI afhandelen. Definieer heldere escalatiecriteria en zorg voor een soepele overdracht. De klant moet nooit het gevoel hebben dat hij in een dood steegje zit.
Escalatiedetectie
Voeg een Code-node toe die zowel het inkomende bericht als de Claude-response controleert op escalatiesignalen:
Slack notificatie sturen
Voeg een IF-node toe op needsEscalation. De true-tak stuurt een Slack-notificatie via de n8n Slack-node of een Slack Webhook:
Stuur tegelijkertijd een WhatsApp-bericht naar de klant: 'Ik verbind je door met een van onze medewerkers. Die neemt zo snel mogelijk contact met je op. Bedankt voor je geduld.'
Update ook de escalated-kolom in Supabase naar true, zodat je kunt rapporteren hoe vaak escalatie plaatsvindt en voor welke typen vragen.
Stap 10: Cron job voor sessie-opschoning
Supabase's gratis tier heeft een limiet van 500 MB aan database-opslag. Bij hoge volumes kan de chat_sessions tabel groeien. Maak een aparte n8n workflow aan die dagelijks oude sessies verwijdert.
Maak een nieuw workflow in n8n met een Schedule Trigger (vroeger Cron node). Configureer de cron expressie voor dagelijkse uitvoer om 02:00 's nachts:
Voeg een HTTP Request-node toe die via de Supabase REST API sessies ouder dan 30 dagen verwijdert:
Let op: gebruik hier de service_role key van Supabase, niet de anon key. De service_role key heeft schrijfrechten voor DELETE-operaties. Bewaar deze key veilig als n8n credential en gebruik hem nooit in client-side code.
Realistische kostenberekening voor een MKB-webshop
Een van de grootste voordelen van deze aanpak is de lage en schaalbare kostprijs. Hier is een realistische berekening voor een webshop met 500 WhatsApp gesprekken per maand:
Kosten per component
ROI berekening
Als een medewerker gemiddeld 3 minuten per WhatsApp-bericht kwijt is, kost het handmatig beantwoorden van 500 gesprekken 25 uur per maand. Bij een uurtarief van 25 euro is dat 625 euro per maand. De chatbot kost maximaal 140 euro. De besparing is dus minimaal 485 euro per maand, bovenop de 24/7 beschikbaarheid en snellere responstijden.
Wat gaat er mis en hoe fix je het?
Webhook verificatie mislukt
Controleer eerst of je n8n workflow daadwerkelijk actief staat (de groene toggle rechtsboven). Een workflow die alleen is opgeslagen maar niet actief is, accepteert geen inkomende verzoeken. Controleer ook of je webhook via HTTPS bereikbaar is. Test met curl: curl -X GET 'https://jouw-endpoint/webhook/whatsapp-webshop?hub.mode=subscribe&hub.verify_token=jouw_token&hub.challenge=test123'. Je moet '123' als response terugkrijgen.
Berichten komen dubbel binnen
WhatsApp stuurt soms dubbele delivery-retries als je webhook traag reageert. Oplossing 1: zorg dat de Respond to Webhook-node zo vroeg mogelijk in de flow staat en altijd 200 teruggeeft. Oplossing 2: implementeer deduplicatie op message ID. Voeg een kolom processed_message_ids (text array) toe aan je Supabase-tabel en controleer bij elk inkomend bericht of het ID al verwerkt is.
Claude antwoordt in het Engels
Voeg aan je system-prompt expliciet toe: 'Reageer ALTIJD in het Nederlands, ongeacht de taal van de klant.' en herhaal dit als afsluitende instructie in het prompt. Claude volgt taalrestricties betrouwbaar als ze duidelijk en herhaald zijn. Zorg ook dat er geen Engelse tekst in je system-prompt staat die de taalinstructie kan overschrijven.
WhatsApp error 131030: Template vereist
Dit betekent dat je buiten het 24-uurs servicevenster probeert te berichtgestuurde. De klant heeft je langer dan 24 uur niet berichtgestuurde, dus je mag alleen approved templates sturen. Maak een re-engagement template aan in Meta Business Manager. Zodra de klant op je template reageert, opent het venster opnieuw voor 24 uur.
N8n workflow times out
Verhoog de timeout van je HTTP Request-node voor de Claude API-aanroep naar 60 seconden. Claude Sonnet 4.6 antwoordt normaal binnen 3 tot 8 seconden, maar bij lange conversatiehistorie kan dit oplopen. Beperk ook de history tot de laatste 10 berichten in je Code-node om latency te verlagen. Als je zelf n8n host, controleer ook de EXECUTIONS_TIMEOUT omgevingsvariabele.
WooCommerce API geeft 401 Unauthorized
Controleer of je Consumer Key en Consumer Secret correct zijn. WooCommerce REST API vereist dat de sleutels URL-encoded worden verzonden in de Authorization header, of als query parameters consumer_key en consumer_secret. Sommige hostingproviders blokkeren de Authorization header; gebruik in dat geval de query parameter methode. Zorg ook dat de REST API ingeschakeld is onder WooCommerce > Instellingen > Geavanceerd > REST API.
Supabase geeft RLS-fout (Row Level Security)
Supabase heeft standaard Row Level Security ingeschakeld op nieuwe tabellen. Zonder beleid worden alle inserts en selects geblokkeerd. Voeg een beleid toe via de Supabase UI onder Authentication > Policies, of schakel RLS tijdelijk uit voor development. Voor productie gebruik je de service_role key die RLS omzeilt.
Mogelijke uitbreidingen
Als de basis werkt, zijn er tientallen uitbreidingen die je kunt bouwen op hetzelfde fundament:
Gerelateerde handleidingen en artikelen op workflows.nl
Wil je meer leren over wat je met n8n en AI kunt bouwen? Bekijk de handleiding over het bouwen van een LinkedIn lead generation agent via /handleidingen/linkedin-lead-generation-agent-bouwen. Daar lees je hoe je n8n combineert met externe APIs voor outbound sales-automatisering, met vergelijkbare webhook-patronen als in deze handleiding.
Overweeg je ook een bredere klantenservice aanpak? Ons artikel over AI klantenservice voor MKB op /kennisbank/ai-klantenservice-mkb-2026 vergelijkt kant-en-klare platforms zoals Zendesk, Freshdesk en Intercom met de aanpak in deze handleiding. Handig als je wilt afwegen of je zelf bouwt of een off-the-shelf oplossing neemt.
Twijfel je nog over zelf hosten van n8n versus n8n Cloud? Lees de volledige vergelijking inclusief kostencalculator op /kennisbank/n8n-zelf-hosten-vs-cloud-vergelijking-2026.
Conclusie: jouw webshop 24/7 bereikbaar voor 25 euro per maand
Een WhatsApp chatbot gebouwd met n8n en Claude is in 2026 geen project meer voor een developer van zes maanden. Met de juiste setup, die je in deze handleiding stap voor stap hebt doorlopen, heb je een werkende bot live die realistische gesprekken voert, bestellingsstatus opzoekt en escalaties soepel afhandelt.
De combinatie is bewust gekozen voor maximale flexibiliteit. N8n regelt de integraties en de logica en is volledig visueel aan te passen. Claude verzorgt het taalverstaan en de response-kwaliteit in uitstekend Nederlands. Supabase houdt het geheugen bij. Elk onderdeel is vervangbaar: als je later wil switchen van Claude naar een ander model, of van WooCommerce naar Shopify, pas je alleen de relevante node aan.
Begin klein. Zet de bot op voor een beperkt type vraag, zoals alleen bestellingsstatus. Kijk welke vragen klanten stellen, verfijn je system-prompt wekelijks op basis van gesprekslogboeken, en voeg functionaliteit toe zodra de basis stabiel staat. Over vier tot zes weken heb je een systeem dat structureel 25 tot 40 uur handmatig werk per maand bespaart en je klanten een betere service biedt dan de meeste grote webshops.
