Naar de inhoud
Menu

Zoeken op de site

Typ om te zoeken in handleidingen, blog, API en product.

↑ ↓ om te bewegen · Enter om te openen · Esc om te sluiten

Gratis · Zonder registratie · Werkt op elke website

WhatsApp-widget voor je website

Bouw je zwevende WhatsApp-bubbel, zie hem live veranderen en kopieer de code. Gratis, zonder registratie, en je plakt hem net zo makkelijk op je eigen site als op die van je klant.

Je WhatsApp-nummer

Meer heeft de widget niet nodig om te werken.

Hoe hij eruitziet

Elke wijziging zie je meteen in het voorbeeld hiernaast.

Kleur van de knop
Positie van de knop
Stijl van de knop
Teksten van de widget

Kopiëren en plakken

Plak deze code vlak voor de afsluitende </body>-tag van de site. Het werkt hetzelfde op je eigen site of op die van een klant.

</body>
<script
  src="https://tbit.app/js/whatsapp-button.js"
  async
  onLoad="whatsappButton({
    locale: 'nl',
    phoneNumber: '',
    buttonName: 'WhatsApp',
    brandName: 'Je merk',
    brandSubtitleText: 'Reageert meestal binnen een dag',
    callToAction: 'Chat starten',
    welcomeMessage: 'Hoi 👋',
    buttonPosition: 'right',
    buttonStyle: 'icon-with-text'
  })"
></script>

Vul hierboven je WhatsApp-nummer in en de code verschijnt hier.

We vragen geen registratie en geen e-mail. De code wordt in je browser gemaakt en is van jou.

Voorbeeld

Apparaat van het voorbeeld
Je merkReageert meestal binnen een dag

Je merkHoi 👋

Wat de bezoeker verstuurt als hij op de knop tikt

Chat starten

Vul je WhatsApp-nummer in om het voorbeeld te zien

Zo installeer je de widget op je platform

Kies waar je hem gaat plakken. Het kost twee minuten, op elk van de vijf.

WordPress

1. Ga in je WordPress-dashboard naar "Weergave" > "Thema-editor"
2. Kies "footer.php" in het zijmenu
3. Plak het script vlak voor de </body>-tag
4. Sla de wijzigingen op

Alternatief: gebruik een plug-in zoals "Insert Headers and Footers" en plak de code in het veld "Footer", zonder bestanden te bewerken.

Shopify

1. Ga naar je Shopify-beheerpaneel
2. Open "Instellingen" > "Thema's"
3. Klik op "Acties" > "Code bewerken"
4. Kies "theme.liquid" in het zijmenu
5. Plak het script vlak voor de </body>-tag
6. Sla de wijzigingen op

Wix

1. Klik in de Wix Editor op "Instellingen" (⚙️) in de bovenste balk
2. Kies "Geavanceerde instellingen" > "Aangepaste code"
3. Klik op "+ Code toevoegen" > "Code invoegen"
4. Plak het script in het codeveld
5. Kies bij "Code plaatsen in" de optie "Body - einde"
6. Sla op en publiceer je site

Webflow

1. Open je project in Webflow
2. Ga naar "Project settings" > "Custom code"
3. Plak het script bij "Footer code"
4. Publiceer je site om de wijzigingen te zien

Gewone HTML

1. Open het bestand van je pagina, bijvoorbeeld index.html
2. Scrol naar het einde van het document en zoek de </body>-tag
3. Plak het script vlak voor die tag
4. Upload het bestand naar je server

Heeft je site meerdere pagina's, herhaal dan de stap in de template die ze allemaal delen.

Voeg WhatsApp in een paar minuten toe aan je website

Zo voeg je een WhatsApp-knop toe aan je website

Een zwevende WhatsApp-knop toevoegen aan je website is simpel: je kopieert en plakt een klein HTML-script vóór de afsluitende </body> van je pagina. Deze chatwidget verschijnt automatisch op al je pagina's en laat bezoekers je met één klik rechtstreeks via WhatsApp schrijven.

Zwevende WhatsApp-chatwidget in HTML

Onze zwevende WhatsApp-widget is gebouwd met pure HTML, CSS en JavaScript, dus hij werkt op elk platform: WordPress, Shopify, Wix, Webflow of statische HTML. Geen plug-ins, geen ingewikkelde configuratie: code invoegen en klaar.

Een alternatief voor livechat, beter met WhatsApp

Anders dan traditionele livechats, die verdwijnen zodra de gebruiker je site verlaat, houdt WhatsApp het gesprek open. Zo kun je blijven verkopen, vragen beantwoorden of informatie sturen, ook nadat de bezoeker je pagina heeft verlaten.

Chatplug-in voor Shopify, WordPress, Wix en Webflow

Onze WhatsApp-widget werkt als een universele plug-in: geschikt voor Shopify, WordPress, Wix, Webflow en elke websitebouwer. Je hoeft geen extra plug-ins te installeren of je zorgen te maken over compatibiliteit: de code werkt op elk platform waarop je eigen HTML kunt invoegen.

Veelgestelde vragen over de WhatsApp-widget

Wat is de WhatsApp-widget?

Het is een zwevende bubbel op je website waarmee bezoekers je met één klik rechtstreeks via WhatsApp kunnen schrijven. Ze hoeven je nummer niet op te slaan of formulieren in te vullen: het gesprek begint meteen.

Hoe installeer ik de widget op mijn website?

Vul op deze pagina je nummer in, stel de teksten en de kleur in en kopieer de code die hieronder verschijnt. Plak hem vlak voor de afsluitende </body>-tag van je webpagina en sla op.

Eenmaal geïnstalleerd verschijnt de bubbel automatisch op al je pagina's, zonder extra instellingen.

Is het gratis? Moet ik me registreren?

De generator is gratis en vraagt geen registratie, e-mail of kaart. De code wordt in je browser gemaakt terwijl je typt en je kunt hem zo vaak kopiëren als je wilt.

Je hebt ook geen TBit-account nodig om hem te gebruiken: alleen een actief WhatsApp-nummer.

Kan ik hem op de site van een klant installeren?

Ja, daar is hij juist voor bedoeld. Vul het WhatsApp-nummer van je klant in, stel merknaam, kleur en teksten in tot het voorbeeld op zijn site lijkt, kopieer de code en plak hem in zijn template.

Je kunt dat herhalen voor zoveel klanten als je wilt: elke code staat op zichzelf en is aan geen enkel account gekoppeld.

Kan ik het logo of het welkomstbericht aanpassen?

Ja. Je kunt het logo van je bedrijf toevoegen zodat het naast de bubbel verschijnt, en het welkomstbericht kiezen dat je bezoekers zien, bijvoorbeeld:

"Hoi! Wil je meer weten over onze producten?"

Zo houd je de huisstijl van je merk vast en bied je vanaf het eerste contact een consistente ervaring.

Waarom een WhatsApp-bubbel op mijn website?

Omdat hij bezoekers omzet in echte gesprekken.

Mensen vertrouwen WhatsApp meer dan formulieren of e-mail. Met een direct kanaal vergroot je je verkoopkansen, antwoord je sneller en bouw je een persoonlijkere band op met je klanten.

Wat is het verschil met een traditionele livechat?

Anders dan een livechat die verdwijnt als de bezoeker de pagina verlaat, houdt WhatsApp het gesprek ook daarna open.

Zo kun je het gesprek voortzetten, informatie sturen of een verkoop afronden zonder het contact met de klant te verliezen.

Is de widget veilig?

Ja. Alle communicatie verloopt rechtstreeks binnen WhatsApp, dus de informatie is beschermd door de versleuteling van het platform.

TBit slaat je berichten en gesprekken niet op. De code wordt in je browser gemaakt met de gegevens die je op deze pagina invult.

Werkt hij op elke pagina en in elk land?

Ja. De widget werkt op elke website waarop je HTML-code kunt invoegen en in alle moderne browsers. Je hebt alleen een actief WhatsApp Business-account of persoonlijk WhatsApp-account nodig.