Een WhatsApp-knop op je website zetten
Een WhatsApp-knop is een knop die WhatsApp opent met jouw nummer al ingevuld, gebruikt door vrijwel elk Nederlands klein bedrijf — WhatsApp is hier de standaard. Zo zet je het op je eigen website, welke variant je kiest en wat er misgaat.
Kort antwoord
Haal de code op uit niets aan te vragen: je bouwt zelf een wa.me-link met je nummer. Voor de meeste mensen is gewone link de juiste keuze: een wa.me-link met je nummer in internationaal formaat achter een knop. Plak die in een code- of embedblok op je site — niet in een gewoon tekstveld — zet het naast je belangrijkste knop en test daarna de hele flow op je telefoon.
Een WhatsApp-knop: welke variant kies je?
| Variant | Wat het doet |
|---|---|
| Gewone link | Een wa.me-link met je nummer in internationaal formaat achter een knop. |
| Vooringevuld bericht | Je kunt een begintekst meegeven, zodat de bezoeker niet hoeft te bedenken wat hij schrijft. Dit verhoogt het aantal berichten merkbaar. |
| Zwevende knop | Een vaste knop in de hoek van het scherm, altijd zichtbaar. |
Step-by-step
- 1
Zoek de code of link in je account
Een WhatsApp-knop bewaart dit in niets aan te vragen: je bouwt zelf een wa.me-link met je nummer. Kopieer wat je nodig hebt voordat je je website opent — de meeste tijd gaat zitten in het zoeken naar de code, niet in het plaatsen ervan.
- 2
Kies de juiste variant
De tabel hierboven is de eigenlijke keuze. Gewone link: Een wa.me-link met je nummer in internationaal formaat achter een knop. Vooringevuld bericht: Je kunt een begintekst meegeven, zodat de bezoeker niet hoeft te bedenken wat hij schrijft. Dit verhoogt het aantal berichten merkbaar. Kies vooraf, dan hoef je de sectie later niet opnieuw te bouwen.
- 3
Plak de code in een code- of embedblok
Dit moet in een HTML-, code- of embedblok — niet in een gewoon tekstveld, want dan verschijnt de code letterlijk als tekst op je pagina. Bij Adviita vraag je de AI-editor om een embedsectie toe te voegen en plak je de code daarin. In WordPress gebruik je een Custom HTML-blok, in Squarespace een Code Block en in Wix een Embed HTML-element.
- 4
Zet het op de plek waar de beslissing valt
Een contactknop is alleen waardevol als er iemand antwoordt. Een genegeerd bericht is erger dan geen knop. Iets wat drie schermen naar beneden staat, doet een fractie van het werk van hetzelfde element naast je belangrijkste knop.
- 5
Controleer het op een echte telefoon
De meeste bezoekers van een Nederlandse ondernemerssite komen op hun telefoon binnen, en juist daar gaan ingesloten elementen stuk. Open je live site op je eigen telefoon en controleer of alles laadt, binnen het scherm past en je contactknop niet wegduwt. Externe elementen zijn ook de bekendste oorzaak van een trage pagina.
- 6
Test de hele flow voordat je erop vertrouwt
Loop het proces zelf één keer door zoals een klant dat doet — stuur een echt bericht — en controleer of er ook echt gebeurt wat er hoort te gebeuren. Kapotte koppelingen geven geen foutmelding; de eerste die het merkt is een klant die al is afgehaakt.
Tips en aanbevelingen
- ▸Gebruik je nummer in internationaal formaat, met 31 en zonder de nul. Dat is de meest gemaakte fout.
- ▸Een vooringevuld bericht haalt de grootste drempel weg: niet weten wat je moet zeggen.
- ▸WhatsApp Business geeft je automatische begroetingen en openingstijden, en houdt zakelijk en privé gescheiden.
- ▸Controleer de koppeling opnieuw na elke wijziging aan je website, je abonnement of het gekoppelde account — externe elementen gaan stil kapot.
Common questions
Hoe maak ik een WhatsApp-knop voor mijn website?
+−
Gebruik een link in de vorm wa.me gevolgd door je nummer in internationaal formaat — dus 316… zonder de nul en zonder plus of streepjes — en hang die aan een knop. Je hebt geen plug-in of script nodig. Wil je een begintekst meegeven, dan voeg je die als tekstparameter toe.
WhatsApp of een contactformulier?
+−
Allebei, maar WhatsApp levert meestal meer reacties op, omdat de drempel lager is en mensen sneller antwoord verwachten en krijgen. Houd het formulier voor uitgebreidere aanvragen waarbij je meteen gegevens nodig hebt, en zet WhatsApp in de header voor snelle vragen.
Heb ik een websitebouwer nodig om Een WhatsApp-knop toe te voegen?
+−
Nee. Alle varianten hierboven zijn kopiëren en plakken in een code- of embedblok, en dat heeft elke gangbare websitebouwer. De enige echte blokkade is een pakket dat geen eigen code toestaat — bij Squarespace heb je daarvoor bijvoorbeeld minimaal een Business-abonnement nodig.
Wordt mijn website hier trager van?
+−
Elk ingesloten element van een andere partij kost iets, omdat je pagina code van een andere server laadt. Eén merk je meestal niet; vier of vijf op dezelfde pagina is waar sites zichtbaar traag worden. Kies een gewone link in plaats van een script waar dat kan, en gebruik ingesloten elementen alleen op de pagina's waar ze echt nodig zijn.