Vul je nummer in, dan verschijnen het voorbeeld en de code hier.
Zo zet je de knop op je website
Kopieer de code hierboven en plak hem in de HTML van je site, het liefst vlak voor </body>. In WordPress gebruik je een plugin die code in de footer zet, of de thema-instelling voor eigen scripts. Shopify, Wix, Squarespace en Webflow hebben een veld voor eigen code in de site-instellingen. De knop verschijnt op elke pagina die het script laadt, in de hoek die je kiest, en blijft boven je inhoud zweven.
Wat de code wel en niet doet
| Vraag | Antwoord |
|---|---|
| Cookies of tracking? | Nee. Het script slaat niets op en stuurt nergens gegevens heen |
| Netwerkverzoeken? | Alleen het laden van het script zelf. Een klik gaat direct naar wa.me |
| Grootte | Kleiner dan 5 KB, geen bibliotheken, laadt async dus je pagina wordt niet trager |
| Botst het met je CSS? | Nee. De knop zit in een Shadow DOM, dus jouw stijlen en die van ons blijven gescheiden |
| Toegankelijk? | Ja. Met aria-label, zichtbare focusrand en rekening met minder beweging |
Instellingen die je in de code kunt aanpassen
Elke instelling is een data-attribuut op de scripttag, dus je kunt later alles wijzigen zonder hier terug te komen. data-number is je nummer in internationaal formaat, alleen cijfers. data-text is het bericht dat alvast klaarstaat. data-label is de tekst op de knop. data-position is right of left. data-color is een hex-kleur; op lichte kleuren wordt de tekst vanzelf donker. Met data-credit="off" verberg je het kleine linkje "via InBetween". We vinden het fijn als je het laat staan, maar de knop werkt zonder precies hetzelfde.
Tips voor meer en betere appjes
- Gebruik een duidelijke tekst. "Vraag het via WhatsApp" of "Vraag een offerte aan" werkt beter dan alleen "WhatsApp".
- Zet een handig bericht klaar. "Hallo, ik wil graag een offerte voor..." vertelt je meteen waar het over gaat.
- Kies een kleur die opvalt. De knop moet zichtbaar zijn zonder je inhoud te verbergen.
- Reageer snel. Wie op een chatknop tikt, verwacht binnen het uur antwoord. Kant-en-klare standaardantwoorden helpen daarbij.
Alleen een link of QR-code nodig voor drukwerk of de bus? Gebruik de WhatsApp-linkgenerator.
Meer appjes, één telefoon. Wie antwoordt?
Een chatknop levert meer WhatsApp-berichten op, en die komen allemaal binnen op één telefoon. Met InBetween gaat elk klantbericht automatisch naar de collega die het werk doet. Die antwoordt vanuit de eigen WhatsApp en de klant krijgt het antwoord vanaf je bedrijfsnummer. Je knop blijft gewoon werken, want het nummer verandert niet.
Stuur klantberichten automatisch door. Antwoorden gaan terug vanaf jouw nummer.
30 dagen gratis proberenVeelgestelde vragen
Is de WhatsApp-knop gratis?
Ja. Gratis, zonder account en zonder einddatum. De knop blijft werken, met of zonder abonnement op InBetween.
Werkt het met WhatsApp Business?
Ja. De knop opent een wa.me-link, en die werkt voor zowel WhatsApp- als WhatsApp Business-nummers.
Gebruikt de knop cookies of volgt hij bezoekers?
Nee. Er worden geen cookies gezet, niets opgeslagen en geen gegevens verstuurd. Het enige verzoek is het laden van het script zelf.
Kan ik het linkje "via InBetween" weghalen?
Ja. Zet data-credit="off" in de scripttag, of vink de optie hierboven uit voordat je de code kopieert.
Heb ik een nieuw WhatsApp-nummer nodig?
Nee. Je koppelt je bestaande WhatsApp- of WhatsApp Business-nummer, op dezelfde manier als WhatsApp Web. Klanten blijven appen naar het nummer dat ze al kennen.