Maak je eigen WhatsApp knop in 1 minuut
Verlaag de drempel voor je website-bezoekers om contact op te nemen en haal zo meer leads uit je website. Stel je knop helemaal naar wens in, kopieer de code en plak hem in je site.
Zodat de button aan jouw WhatsApp Business gekoppeld wordt
Live preview
Klik op “Kopieer code” en plak deze in de <footer> van je website.
Na het kopiëren, lees je hoe je het instelt.
Handleiding: code plaatsen in je website
Kies hieronder het platform waarmee je website is gebouwd en volg de stappen om de gegenereerde code in te voegen. Heb je geen idee hoe dit moet? Vraag dan je webbouwer om hulp.
WordPress
- Log in op het dashboard van je WordPress-site.
- Ga naar Weergave → Theme-editor (of: Thema → Theme-bestanden bewerken). Let op: bij sommige hosts heet dit "Editor" onder Weergave.
- Klik in de rechterkolom op "Theme-footer" (footer.php) of "Theme Header and Footer".
- Plak de gekopieerde code vóór de regel </body> of vóór </footer>. Sla het bestand op.
Alternatief (aanbevolen): Installeer de plugin "Insert Headers and Footers" of "Code Snippets". Daar kun je de code in het "Footer"-veld plakken zonder theme-bestanden te bewerken.
Wix
- Open je Wix-site in de editor en klik links op "Instellingen" (tandwiel).
- Kies "Aangepaste code toevoegen" of "Custom Code" (soms onder "Geavanceerd").
- Klik op "+ Code toevoegen" en kies "Body – einde".
- Geef een naam op (bijv. "WhatsApp-knop") en plak de gegenereerde code in het vak. Klik op Toevoegen en publiceer je site.
Squarespace
- Ga in het Squarespace-dashboard naar Instellingen → Geavanceerd → Code-injectie.
- Plak de code in het veld "Footer" (onderaan elke pagina).
- Sla op. De WhatsApp-knop verschijnt op al je pagina's.
Jimdo
- Log in op Jimdo en open je website in de editor.
- Klik op "Instellingen" (tandwiel) → "Website" → "Head-code" of "Aangepaste code".
- Als er een veld is voor code aan het einde van de pagina (body), plak de code daar. Anders in het head-code veld. Sla op en publiceer.
Bij Jimdo Dolphin: voeg een "HTML"-element toe op je pagina en plak de code daarin, of gebruik de optie voor aangepaste code in de instellingen.
Webflow
- Open je project in Webflow en klik op het tandwiel (Project Settings).
- Ga naar "Custom Code" en zoek het veld "Footer code" (of "Code before </body> tag").
- Plak de gegenereerde code daar en sla het project op. Publiceer je site om de knop te zien.
Google Sites (nieuw)
- Open je site in Google Sites en klik rechts op "Invoegen" (of het +-icoon).
- Scroll naar "Embed" en kies "Embed code" (of "Insluitcode").
- Plak de volledige <script>...</script> code in het vak. Bevestig. De widget verschijnt op die pagina.
Tip: plaats het embed-blok onderaan de pagina of in een zijbalk, zodat de knop niet in de weg zit. Voor "op elke pagina" moet je het blok op elke pagina toevoegen of een andere methode gebruiken als Google dat toelaat.
One.com / Simpel Website Builder
- Log in op One.com en open de Website Builder of ga naar "Website" → "Instellingen".
- Zoek "Aangepaste code", "Script toevoegen" of "Footer-code". Soms staat dit onder "Geavanceerd" of "SEO & Code".
- Plak de code in het daarvoor bestemde veld en sla op. Vernieuw je site om de knop te controleren.
Shopify
- In je Shopify-admin: Online winkel → Thema’s → "Bewerken" bij je actieve thema.
- Klik op "Bewerk code" (rechtsboven). Open in de linkerzijbalk het bestand "theme.liquid".
- Zoek </body> en plak de code vóór die regel. Sla op.
Andere website-builder of eigen HTML
De code moet in de HTML van je site staan, bij voorkeur vóór de afsluitende </body>-tag. Zoek in je builder naar:
- "Footer code", "Custom code", "Script toevoegen" of "Head/Footer"
- Een HTML- of "Embed"-blok waar je de volledige <script>...</script> kunt plakken
Bij twijfel: plak de code in een veld dat bedoeld is voor "code aan het einde van de pagina" of "body footer".
WhatsApp gebruiken met een 085-nummer in plaats van je 06? Dat kan bij Beltify al vanaf € 2,95 per maand. Bekijk de prijzen
Veelgestelde vragen over de WhatsApp-knop
Werkt deze WhatsApp-knop op elke website?
Ja. De code die wordt gegenereerd is gewone HTML en werkt op WordPress, Squarespace, Wix, Webflow en elke andere website waar je HTML kunt invoegen.
Werkt deze WhatsApp-knop ook met een 085-nummer?
Ja. Deze WhatsApp-knop werkt met 085-nummers, regionale nummers en 06-nummers.
Kan ik de knop aanpassen nadat ik hem heb geplaatst?
Ja, kom terug naar deze pagina, stel de knop opnieuw in en vervang de code op je website.
Krijg ik meldingen als iemand mij via de knop appt?
Ja, je krijgt precies dezelfde melding als wanneer je een rechtstreeks WhatsApp-bericht krijgt: de knop is een snelkoppeling naar jouw WhatsApp-profiel.
Bieden jullie hulp bij het plaatsen van de WhatsApp-knop?
De tool is bedoeld als doe-het-zelf hulpmiddel. Voor de meeste websites is het kopiëren en plakken. Lukt het niet, dan kun je het even aan je webbouwer vragen.
Nog geen zakelijk nummer?
De WhatsApp-knop werkt het beste met een vast zakelijk nummer. Zo bel en app je zakelijk, zonder dat je privénummer op je website staat.
- Voor een professionele uitstraling van je bedrijf
- Voor 18:00 uur besteld, dezelfde werkdag actief
- Al voor € 3,95 per maand
