Een WhatsApp-knop op je website toevoegen is een van de snelste manieren om bezoekers met vragen direct met jou in contact te brengen. Je maakt een chatknop aan met je telefoonnummer en een welkomstbericht, plaatst één regel code op je site en bepaalt op welke pagina's de knop verschijnt. Hieronder lees je stap voor stap hoe dat werkt in Shopify, WordPress en op elke andere website, plus tips voor openingstijden, mobiel gebruik en de juiste toon.
Waarom een WhatsApp-knop op je website?
In Nederland en België gebruiken veel mensen WhatsApp dagelijks, voor vrienden en familie, maar steeds vaker ook om een bedrijf iets te vragen. Een vraag stellen via WhatsApp voelt laagdrempeliger dan een contactformulier invullen of bellen. Je typt even "Is deze tafel ook in eiken leverbaar?" en gaat verder met je dag.
Voor een webshop of dienstverlener levert dat een paar duidelijke voordelen op:
- Twijfels wegnemen op het moment zelf. Iemand die op je productpagina een vraag heeft, kan die direct stellen in plaats van de pagina te verlaten.
- Persoonlijk contact. Een kort, vriendelijk antwoord van een echt mens bouwt vertrouwen op, zeker bij kleine bedrijven.
- Gesprekken lopen door. Het gesprek staat in de WhatsApp van je klant, zodat je later makkelijk kunt opvolgen.
- Ideaal voor mobiel. Op een telefoon opent de knop direct de WhatsApp-app.
Dit werkt goed voor webshops, maar ook voor bijvoorbeeld een kapsalon in Haarlem, een installateur in Leuven of een fotograaf die offertes maakt.
Wat heb je nodig?
- Een telefoonnummer met WhatsApp, bij voorkeur een zakelijk nummer met de WhatsApp Business-app.
- Een wwidgets-account. Probeer het 14 dagen gratis.
- Toegang tot de beheeromgeving van je site om één regel code in de <head> te plaatsen.
Stap 1: maak je WhatsApp-chatknop aan
- Log in op je wwidgets-dashboard en open de campagne voor je website (of maak er een aan).
- Kies het widgettype WhatsApp-chatknop.
- Vul je telefoonnummer in met landcode, zonder de eerste nul. Een Nederlands mobiel nummer begint dan met 31, een Belgisch met 32.
- Schrijf een kort welkomstbericht en eventueel een vooraf ingevulde tekst die de bezoeker meestuurt.
- Kies de positie (meestal rechtsonder), kleuren en eventueel de donkere modus.
Stap 2: plaats de pixelcode op je site
Heb je de wwidgets-pixel al op je site staan voor een andere widget? Dan kun je deze stap overslaan: de nieuwe knop verschijnt automatisch.
WhatsApp-knop toevoegen in Shopify
- Ga naar Online Store en dan Thema's.
- Kies bij je actieve thema Code bewerken.
- Open theme.liquid en plak de pixelcode vlak vóór </head>.
- Sla op en controleer je winkel op desktop en mobiel.
WhatsApp-knop toevoegen in WordPress of WooCommerce
- Gebruik een plugin waarmee je code aan de header toevoegt, plak de pixelcode in het veld voor de <head> en sla op.
- Of gebruik de headercode-instelling van je thema of child theme. Pas liever geen bestanden van het hoofdthema aan, omdat updates je wijzigingen overschrijven.
WhatsApp-knop toevoegen op een andere website
Magento, Wix of een maatwerksite: zoek de optie voor eigen code of headerscripts en plak de pixelcode daar. De code laadt asynchroon en vertraagt je pagina's dus niet. In de handleiding om te beginnen vind je de algemene stappen.
Stap 3: kies waar en wanneer de knop verschijnt
- Op alle pagina's is prima voor een algemene chatknop.
- Alleen op bepaalde pagina's, zoals productpagina's, de winkelwagen of de pagina met verzendinformatie, als je de knop gericht wilt inzetten.
- Na een vertraging of bij scrollen, zodat de knop niet meteen de aandacht opeist.
- Per apparaat: je kunt bijvoorbeeld kiezen om de knop alleen op mobiel te tonen.
Tips voor een goede WhatsApp-chatknop
Schrijf een welkomstbericht dat uitnodigt
Vermijd algemene teksten als "Contact". Maak het persoonlijk en concreet. Voorbeelden:
- "Hoi! Vragen over maten of levering? Stuur ons een berichtje."
- "Twijfel je tussen twee modellen? Lisa helpt je graag via WhatsApp."
- "Offerte nodig? Stuur een foto van je klus en we reageren dezelfde dag."
Wees duidelijk over je bereikbaarheid
Niets is zo frustrerend als een bericht sturen en uren niets horen. Vermeld je openingstijden in het welkomstbericht, bijvoorbeeld "We reageren op werkdagen tussen 9:00 en 17:30". Gebruik in WhatsApp Business een automatisch afwezigheidsbericht voor de avonden en het weekend, zodat klanten weten wanneer ze antwoord krijgen.
Denk mobiel
De meeste chats beginnen op een telefoon. Controleer dat de knop niet over je koopknop, je cookiemelding of je menu valt. Een kleine, ronde knop in de hoek werkt meestal het best. Wil je meer aandacht, kies dan bijvoorbeeld voor een korte vertraging in plaats van een grotere knop.
Antwoord snel en kort
WhatsApp is een snel kanaal. Mensen verwachten geen lange e-mail, maar een kort, behulpzaam antwoord. Maak in WhatsApp Business snelle antwoorden voor veelgestelde vragen over levering, retouren en betaalmethoden.
Respecteer privacy
Een klant die je via WhatsApp benadert, geeft je zijn telefoonnummer. Gebruik dat alleen om zijn vraag te beantwoorden en stuur geen marketingberichten zonder toestemming. Vermeld in je privacyverklaring dat je WhatsApp gebruikt voor klantcontact.
Welke fouten zie je vaak bij een WhatsApp-knop?
- Een verkeerd nummer. Een nul te veel of een ontbrekende landcode, en de knop opent een lege chat met niemand. Test de knop altijd zelf na het instellen.
- Een privénummer zonder grenzen. Als klanten je om 23:00 berichten sturen op je eigen telefoon, wordt het snel te veel. Een apart zakelijk nummer houdt het overzichtelijk.
- Geen opvolging. Een knop zonder iemand die antwoordt, doet meer kwaad dan goed. Spreek af wie de berichten beantwoordt, ook tijdens vakanties.
- Te veel knoppen tegelijk. Een WhatsApp-knop, een chatvenster, een pop-up en een cookiemelding in dezelfde hoek maken je site onrustig. Geef elk element een eigen plek.
WhatsApp, contactformulier of beide?
| Kanaal | Sterk in | Minder geschikt voor |
|---|---|---|
| WhatsApp-knop | Snelle vragen, persoonlijk contact, mobiele bezoekers | Lange, gestructureerde aanvragen |
| Aanvraagformulier | Offertes met vaste velden, buiten kantooruren | Snelle twijfels tijdens het shoppen |
| Uitgebreide vragen, bijlagen | Directe hulp |
Veel bedrijven combineren ze. In wwidgets kun je naast de WhatsApp-knop ook een aanvraagformulier (request collector) gebruiken. Inzendingen daarvan kun je laten doorsturen naar e-mail, een webhook, Slack, Telegram of andere kanalen.
Veelgestelde vragen over een WhatsApp-knop
Heb ik WhatsApp Business nodig?
Het is niet verplicht, maar wel handig. WhatsApp Business geeft je een zakelijk profiel, automatische berichten en snelle antwoorden. Zo houd je privé en werk ook beter gescheiden.
Werkt de knop ook op een desktopcomputer?
Ja. Op desktop opent de knop WhatsApp Web of de desktopapp, op een telefoon direct de WhatsApp-app.
Kan ik zien hoeveel mensen op de knop klikken?
Ja. In de statistieken van wwidgets zie je per widget vertoningen, hovers, kliks en de CTR. Zo weet je of de knop gevonden wordt.
Begin vandaag nog
Een WhatsApp-knop is klein, maar kan een groot verschil maken voor bezoekers die net die ene vraag hebben voordat ze bestellen. Met een goed welkomstbericht, duidelijke openingstijden en een plek die op mobiel niet in de weg zit, heb je een kanaal dat klanten echt gebruiken. Bekijk de abonnementen of start je gratis proefperiode en zet je chatknop vandaag nog live.
