Livechat toevoegen aan je website: in 10 minuten live

Livechat toevoegen aan je website is een van de weinige klantenserviceprojecten waarbij het technische deel écht meevalt. Elke aanbieder levert hetzelfde: één regel JavaScript die je in je site plakt, of een plug-in die dat voor je doet. Tien minuten is geen verkooppraatje — zo lang duurt het ongeveer om een scriptregel te kopiëren, in je layout te zetten en jezelf een testbericht te sturen.

Wat níét meevalt, is alles wat bepaalt of dat chatbolletje ook iemand helpt. Een chatwidget op een site waar niemand de inbox in de gaten houdt, is slechter dan geen chatwidget: je hebt een snel antwoord beloofd en dat vervolgens niet waargemaakt. Deze gids behandelt daarom eerst de installatie — leverancier-neutraal — en daarna het halfuur erna dat het verschil maakt.

Livechat op je website zetten: de installatie in 10 minuten

Deze volgorde werkt bij vrijwel elke aanbieder, omdat ze de widget allemaal op dezelfde manier uitleveren. Er zit niets leverancier-specifieks in.

1. Maak een account aan en open het installatie- of embed-scherm. Je krijgt een codefragment met een ID dat jouw workspace of website identificeert — dat ID koppelt binnenkomende chats aan jouw account.
2. Kopieer het fragment. Meestal is het één scripttag die asynchroon laadt, zodat de browser er niet op wacht voordat je pagina getoond wordt.
3. Open het template dat op élke pagina meekomt: je gedeelde layout, footer-include of basistemplate. Plak het fragment vlak vóór de afsluitende </body>-tag. Doe dit niet pagina voor pagina — je vergeet er één, en dat is precies de pagina waar een bezoeker een vraag had.
4. Draait je site op een CMS met een officiële plug-in of app? Gebruik die in plaats van templates aanpassen. Het resultaat is hetzelfde, maar een thema-update gooit hem niet weg.
5. Opslaan, publiceren en je site openen in een privévenster. De chatknop hoort binnen een seconde of twee te verschijnen, meestal rechtsonder.
6. Stuur een testbericht vanaf je site. Controleer of het in de inbox van je medewerkers landt, antwoord daar, en kijk of dat antwoord in de widget terugkomt. Die heenweg-en-terug is het enige echte bewijs dat de installatie klopt; een zichtbaar bolletje is dat niet.
7. Zet je meldingen goed. Bepaal wie een mail, push of desktopmelding krijgt bij een nieuwe chat, en test dat ook. Een inbox waar niemand naar kijkt, is verreweg de meest voorkomende manier waarop livechat in week één sneuvelt.

Scriptregel of plug-in: wat kies je?

Beide routes laden exact dezelfde widget. Het verschil zit in wie de code beheert, en wat ermee gebeurt bij de volgende update of restyling.

WordPress: gebruik de plug-in, niet footer.php

Op WordPress is de verleiding groot om het fragment in de footer van je thema te plakken. Doe dat niet: de eerstvolgende thema-update overschrijft het, en de widget verdwijnt zonder dat iemand het merkt. Gebruik een child-thema, een snippet-plug-in of de plug-in van je aanbieder. De onze staat in de WordPress.org plug-indirectory: installeren, workspace-ID invullen, en de widget staat op je site zonder dat je één themabestand aanraakt.

Is die WordPress-site een WooCommerce-webshop, dan is de installatie hetzelfde maar de inrichting niet: een shopwidget moet orderstatus kunnen opzoeken, en die koppeling heeft eigen regels over identiteitscontrole en read-only toegang. Hoe je dat veilig inricht staat in klantenservice automatiseren voor je webshop, en de koppeling zelf in de WooCommerce-integratie.

Wat je regelt vóór je de widget zichtbaar maakt

Na de installatie heb je een chatbolletje. Deze vijf instellingen maken er een kanaal van dat je team ook volhoudt.

1. Content om uit te antwoorden

Of er nu een mens of een AI als eerste antwoordt: het plafond wordt bepaald door hoeveel van je kennis is opgeschreven. Exporteer een maand aan mailtickets, sorteer op onderwerp en schrijf voor je top-20 één kort helpcenter-artikel per onderwerp. Kort en specifiek werkt beter dan lang en algemeen — voor de medewerker die het scant én voor de AI die erin zoekt. Neem juist de ongemakkelijke onderwerpen mee: pakket staat op bezorgd maar is er niet, hoe lang een terugbetaling écht duurt, wat je beleid is bij een gebruikt artikel. Hoe je die artikelen opschrijft staat in kennisbankartikelen schrijven voor AI.

2. Openingstijden en een eerlijke offline-stand

Bepaal wanneer de widget zegt dat je bereikbaar bent, en wat er buiten die uren gebeurt. Er zijn twee eerlijke opties: doorgaan met antwoorden (een AI-agent dekt avonden en weekenden), of overschakelen naar een berichtformulier dat de vraag en een e-mailadres opneemt en er duidelijk bij zet wanneer je reageert. Wat je niet moet doen: om 23:00 een open chatvenster tonen dat pas maandag gelezen wordt. In CustomerEagle stel je dit per workspace in — begin- en eindtijd, dagen, tijdzone en het bericht dat je toont als je dicht bent.

3. Een overdrachtsregel die je vooraf opschrijft

Of de eerste reactie nu van AI of van een junior komt: bepaal nú wat direct naar een mens gaat. Klachten, alles met een chargeback of juridische dreiging erin, alles waar de klant al twee keer over schreef, en alles waar geld beweegt. Stuur die door mét het volledige gesprek erbij. Een vroege overdracht kost één reactie van een medewerker; een zelfverzekerd fout antwoord aan een geïrriteerde klant kost de klant. Een uitgewerkt draaiboek staat in de overdracht van AI naar medewerker.

4. Alleen de velden die je echt nodig hebt

Een formulier dat naam, e-mail, bedrijf en ordernummer vraagt vóórdat een bezoeker één woord mag typen, converteert veel slechter dan een leeg berichtveld. Heb je een e-mailadres nodig om later te kunnen antwoorden, vraag het dan op het moment dat het nodig wordt — als het gesprek de sessie gaat overleven — en niet als tolpoort vooraf.

5. Zeg waar de bezoeker mee praat

Antwoordt er een AI als eerste, benoem dat dan in de widget en maak de route naar een mens zichtbaar. Dat is niet alleen een Europese transparantieverwachting (zie AI-chatbot, AVG en de AI-verordening), het is ook gewoon prettiger: mensen vinden het prima om met een bot over een trackingnummer te praten, maar nemen het je kwalijk als ze achteraf ontdekken dat dat begripvolle antwoord over hun kapotte bestelling automatisch was.

Wat AI verandert aan de rekensom

Klassieke livechat was een bezettingsvraagstuk vermomd als softwarekeuze. De widget kostte weinig; de bereikbaarheid kostte veel. Je bemande de uren die je beloofde, of je liet de reactietijd stilletjes naar uren oplopen en verloor daarmee het hele punt van livechat. Precies daarom hebben zoveel kleine teams ooit een chatwidget geïnstalleerd, een maand gedraaid en weer weggehaald.

Een AI-first widget draait die volgorde om. De AI antwoordt eerst uit je eigen content, met een bronvermelding naar het artikel dat hij gebruikte, en een mens neemt over bij escalatie, bij gevoelige onderwerpen of op verzoek. Bereikbaarheid is dan geen roosterprobleem meer: de herhaling — verzendtijden, retourtermijn, openingstijden, waar een bestelling is — krijgt ook zondagnacht om 02:00 antwoord, en je team ziet de gesprekken waar oordeelsvermogen voor nodig is.

De keerzijde: dit werkt alleen voor zover je content de vragen dekt, en daarom is die kennisbankstap hierboven niet optioneel. Het is ook de reden om te sturen op het aandeel gesprekken dat zonder één menselijke reactie is opgelost, en niet op hoeveel gesprekken de bot een antwoord in gooide. Onze definitie staat volledig uitgeschreven op hoe wij AI-oplossingen meten — een redelijke lat om elke leverancier langs te leggen.

Veelgemaakte fouten

• De widget meteen op élke pagina zetten. Begin op de pagina's waar een vraag een aankoop of aanmelding blokkeert — prijzen, afrekenen, een specifieke productcategorie — en breid uit zodra je het volume kent.
• Een reactietijd beloven die je niet waarmaakt. "Reageert meestal binnen een paar minuten" is een belofte. Kun je die op vrijdag om 16:45 niet nakomen, toon hem dan niet.
• Chat behandelen als e-mail. Een chatantwoord dat na vier uur komt, is een matige mail en geen goede chat. Is uren je realistische antwoordtijd, bied dan een berichtformulier aan en wek de juiste verwachting.
• De mobiele check overslaan. Een groot deel van je bezoekers ziet de widget op een telefoon, waar een knop die over je afrekenbalk of cookiemelding valt een echt conversieprobleem is.
• Alle proactieve triggers aanzetten. Eén gerichte uitnodiging op een pagina waar bezoekers vastlopen werkt beter dan een widget die bij elke paginaweergave openklapt en uit reflex weggeklikt wordt.
• Nooit de gesprekken teruglezen. Lees de eerste twee weken élk gesprek dat de AI zelf afhandelde — niet een steekproef. Elk zwak antwoord wijst naar een ontbrekend of onduidelijk artikel, en content bijwerken verzet de cijfers. Aan de prompt sleutelen zelden.

De eerste twee weken

Bouw een simpele routine: elke ochtend de gesprekken van gisteren doorlopen, de misgelopen gesprekken markeren en er een nieuw helpcenter-artikel of een routeringsregel van maken. Twee weken dat doen levert meer op dan welk instellingenscherm ook. Daarna draait de widget grotendeels zelf, en blijft alleen het bijhouden van je content over als je beleid verandert.

Wil je de AI-variant hiervan — de widget antwoordt uit je eigen helpcenter, vermeldt welk artikel hij gebruikte en draagt over aan je inbox wanneer dat hoort — begin dan bij de livechat-pagina en kijk op de prijzenpagina wat elk plan bevat. De installatie blijft diezelfde tien minuten; het verschil zit in wat er gebeurt nadat de bezoeker zijn eerste bericht typt.