Free Tool

Build a WhatsApp chat widget for your website

Configure it below and try it out right on this page. The bubble in the corner is the real widget, live.

Configure your widget

Changes update the live preview and the snippet instantly.

Pick your country so the code is right (WhatsApp can't find the chat without it), then enter the rest of the number, digits only.

Raise this if the widget ends up hidden behind another element on your site, like a cookie banner or a different chat tool.

Your embed snippet

Paste this before the closing </body> tag on your website.

Live preview

Look at the bottom corner of this page. That's your widget, rendered from the settings above using the real embed script.

Manage your leads on WhatsApp Web

Download the free Chat Quotient Chrome extension to see and manage every conversation directly inside WhatsApp Web, a full WhatsApp CRM experience.

Add to Chrome, It's Free

Wat is een WhatsApp-chatwidget?

Een WhatsApp-chatwidget is een kleine knop die in de hoek van een website zit en, wanneer erop wordt geklikt, een WhatsApp-gesprek met het bedrijf opent, ofwel rechtstreeks naar het WhatsApp-nummer van het bedrijf, ofwel eerst via een kort formulier. Het vervangt een statische "Contact ons" link of e-mailformulier met een kanaal dat de meeste bezoekers al op hun telefoon hebben geopend.

Het verschilt van een eenvoudige "klik om te chatten" link (alleen tekst of pictogram dat wa.me opent) doordat een widget configureerbaar is: positie, kleur en een vooraf ingevulde begroeting.

Een WhatsApp-chatwidget toevoegen aan uw website

  1. 1

    Configureer uw widget

    Voer uw WhatsApp-nummer in en kies vervolgens een kleur en hoek voor de widget.

  2. 2

    Kopieer het snippet

    Gebruik de bovenstaande knop "Snippet kopiëren". Het is een enkel <script> label, geen andere bestanden of afhankelijkheden.

  3. 3

    Plak het op uw site

    Voeg het direct voor het sluitende </body> label van uw site-HTML in.

  4. 4

    Publiceren

    Dat is het. De widget rendert zichzelf vanuit het snippet, geen buildstap, backend of account vereist.

Waar plakken, per platform

WordPress
Gebruik een plugin zoals "Insert Headers and Footers" of "WPCode", of plak het direct in uw theme footer.php vóór </body> via Appearance → Theme File Editor.
Shopify
Online Store → Themes → Edit code → theme.liquid, en plak het snippet net boven </body>.
Wix
Settings → Custom Code → Add Code, stel het in om op alle pagina's in het gedeelte "Body - end" in te laden.
Webflow
Project Settings → Custom Code → Footer Code, en publiceer vervolgens uw site.
Andere website
Als u de HTML van uw site kunt bewerken, plakt u deze vóór </body>. Het werkt overal hetzelfde.

Waarom een WhatsApp-knop aan uw website toevoegen

Geen formulier, geen e-mail, geen paginavernieuwing

Bezoekers bereiken u via een app die ze al op hun telefoon geopend hebben, in plaats van in een contactformulier te typen en op antwoord te wachten.

Het ontmoet bezoekers waar ze al zijn

WhatsApp is de standaard berichtgeving app voor miljarden mensen over de hele wereld. Voor de meeste bezoekers is er niets nieuws om te downloaden of registreren.

Elke chat begint met context

Een vooraf ingevuld begroetingsbericht betekent dat het gesprek niet koud begint. Bezoekers komen op WhatsApp terecht met hun bericht al ingekaderd.

U bepaalt precies waar het zit

Stel de kleur, hoek en offset in zodat de widget uw site aanpast in plaats van een generieke standaardbel.

Gratis, zonder goedkeuringsprocedure

Geen WhatsApp Business API-aanvraag, geen apart nummer, geen code buiten een enkel scripttag.

Chat-knop versus chat-widget. Wat is het verschil?

Chat-knop

Een statische link of pictogram dat een WhatsApp-chat opent wanneer erop wordt geklikt. Geen configuratie buiten het doelnummer.

Chat-widget

  • Configureerbare kleur, positie en vooraf ingevulde begroeting
  • Werkt overal: WordPress, Shopify, Wix, Webflow of gewone HTML, geen afhankelijkheden
  • Dit is precies wat u hierboven aan het bouwen bent

Veelgestelde vragen

Is deze WhatsApp-chatwidget generator gratis? +

Ja. De omleidings-widget die u hierboven bouwt (met uw nummer, kleur, positie en begroeting) is gratis, met een klein "Powered by Chat Quotient" badge. Een door AI aangedreven Pro-versie is voor de toekomst gepland.

Heb ik de WhatsApp Business API nodig om het te gebruiken? +

Nee. De widget opent een normale WhatsApp-chat met uw bestaande WhatsApp-nummer. Geen Business API-goedkeuring of apart nummer vereist.

Werkt het op WordPress, Shopify, Wix of een ander website? +

Ja. Het is een enkel <script> label zonder afhankelijkheden, dus het werkt overal waar u HTML kunt plakken: WordPress, Shopify, Wix, Webflow, Squarespace of een handgebouwde site.

Vertraagt de widget mijn website? +

Dat zou niet merkbaar moeten zijn. Het script is klein, laadt met async en defer zodat het uw pagina nooit blokkeert, en wordt weergegeven in een geïsoleerde Shadow DOM zodat het niet conflicteert met de stijlen van uw site.

Kan ik de naam van een bezoeker vastleggen voordat deze naar WhatsApp gaat? +

Nog niet. Lead capture vóór WhatsApp-overdracht staat op het stappenplan, en we zullen de schakelaar hier opnieuw inschakelen zodra het klaar is.

Waar wordt mijn configuratie opgeslagen? +

Nergens op onze servers. Uw instellingen bevinden zich volledig in het scripttag dat u op uw site plakt. Om later iets te veranderen, gaat u terug naar deze pagina, herconfigureert u en kopieert u het nieuwe snippet (houd een kopie van uw huidige, omdat we deze niet voor u opslaan).

Wat is het verschil tussen een chatknop en een chatwidget? +

Een "chatknop" is meestal slechts een statische link die WhatsApp opent. Een "chat-widget" (wat dit tool bouwt) is een zwevende launcher met een configureerbare begroeting, positie en kleur.

Kan ik mijn persoonlijke WhatsApp-nummer gebruiken of heb ik een bedrijfsnummer nodig? +

Elk WhatsApp-nummer werkt, persoonlijk of bedrijf. Voer gewoon in met landcode en geen spaties of plusteken.