Zo voeg je een gratis AI-chatbot toe aan WordPress (in 5 minuten)

Een chatbot op maat is een chatbot die je bedrijf kent, in plaats van algemene AI-antwoorden te geven. Met Nexoply bouw je hem in het Nexoply-dashboard; in WordPress staat alleen de installatiecode van één regel. Je hoeft geen gespreksflows te tekenen en geen AI-sleutel te beheren, want Nexoply verzorgt de AI. Dit stel je in:

• Je bedrijfsinformatie. Diensten en prijzen, veelgestelde vragen, voorwaarden, openingstijden en werkgebieden. De assistent antwoordt alleen met deze informatie en heeft de instructie te zeggen dat hij iets niet weet in plaats van te gokken.
• Website-import. Vul het adres van je WordPress-site in en Nexoply leest je openbare pagina's (15 per scan met het Gratis-abonnement) en stelt diensten met prijzen, veelgestelde vragen, voorwaarden, openingstijden en contactgegevens voor. Er wordt niets toegevoegd zonder jouw akkoord. Hij houdt ook een lijst van je pagina's bij, zodat de assistent bezoekers naar de juiste pagina kan sturen.
• Uiterlijk en plaatsing. Een berichtknop of een zijtab, je eigen kleuren, lettertypen en logo, kant-en-klare sjablonen, een andere look op telefoons en paginaregels voor bepaalde pagina's, allemaal met een live voorbeeld.
• Knoppen op het startscherm. Je eigen knoppen, zoals Boeken, Bellen, WhatsApp of Prijzen. Nexoply neemt zelf geen boekingen of betalingen aan; deze knoppen sturen bezoekers naar je boekingspagina, telefoonnummer of WhatsApp.
• Talen. Kies de hoofdtaal; bezoekers die in een andere van de 12 ondersteunde talen schrijven, krijgen antwoord in hun eigen taal.

Bekijk alle opties op de functiepagina, of volg de installatie van begin tot eind in hoe Nexoply werkt.

Het Gratis-abonnement van Nexoply kost $0 en je hebt geen creditcard nodig om je aan te melden. Het bevat:

• 50 gesprekken per maand, met maximaal 30 berichten per gesprek.
• Maximaal 50 kennisitems, zoals diensten, veelgestelde vragen en voorwaarden.
• Website-import van maximaal 15 pagina's per scan.
• Eén chatbot voor één bedrijf, met gespreksgeschiedenis en een lijst van de vragen die hij niet kon beantwoorden.

Op een zelfgehoste WordPress-site regel je de WordPress-kant met de gratis plugin WPCode, dus de hele installatie kan kosteloos. In de chat staat een kleine link “Powered by Nexoply”; die verwijderen hoort bij het Business-abonnement. Heb je meer nodig, dan kost Starter $19 per maand voor 500 gesprekken. Vergelijk alle limieten op de prijspagina van Nexoply.

Je hebt drie dingen nodig, en elk ervan kost maar een paar minuten:

• Een Nexoply-account. Meld je gratis aan: het Gratis-abonnement bevat 50 gesprekken per maand, zonder creditcard.
• Je bedrijfsinformatie in Nexoply: diensten en prijzen, veelgestelde vragen, voorwaarden, openingstijden en werkgebieden. Het snelst gaat het als je het adres van je website invult en Nexoply je openbare pagina's laat importeren; jij controleert de voorstellen en er wordt niets toegevoegd zonder jouw akkoord.
• Een beheerderslogin voor je WordPress-site, zodat je een plugin kunt installeren of het theme kunt bewerken.

Open in je Nexoply-dashboard de pagina Chatbot (klik op Chatbot maken als je dat nog niet hebt gedaan) en kopieer de installatiecode. Die ziet er zo uit:

<script src="https://nexoply.com/widget.js" data-chatbot="YOUR-KEY" async></script>

In plaats van YOUR-KEY staat de eigen sleutel van je chatbot, die de pagina Chatbot voor je invult. De sleutel is openbaar: het is geen wachtwoord en geeft geen toegang tot je account. Hij vertelt de widget alleen bij welk bedrijf hij hoort. Wil je de assistent eerst zien? Klik op Open een testpagina met je chatbot om hem op een voorbeeldpagina uit te proberen.

WPCode is een gratis plugin die code aan de header of footer van je website toevoegt zonder themebestanden aan te raken, zodat je code theme-updates en een ander theme overleeft.

1. 1

   Installeer WPCode

   Ga in je WordPress-beheer naar Plugins → Add New (Plugins → Nieuwe plugin), zoek op “WPCode” en klik op Install Now en Activate.

2. 2

   Open Header & Footer

   Ga in het linkermenu naar Code Snippets → Header & Footer. Je ziet drie vakken: Header, Body en Footer.

3. 3

   Plak in Footer

   Plak je Nexoply-code in het vak Footer. Hij wordt dan op elke pagina geladen vlak voor de afsluitende tag </body>.

4. 4

   Opslaan

   Klik op Save Changes. Klaar: je hoeft niets opnieuw te publiceren.

Wil je liever geen plugin toevoegen, dan kun je de code rechtstreeks in je theme zetten. Gebruik zo mogelijk een child theme: wijzigingen in de bestanden van een parent theme worden overschreven als het theme wordt bijgewerkt.

1. 1

   Open de theme-editor

   Ga naar Appearance → Theme File Editor (op sommige sites staat die onder Tools → Theme File Editor) en selecteer je child theme.

2. 2

   Zoek footer.php

   Open footer.php in de bestandenlijst. Heeft je child theme er geen, kopieer dan eerst footer.php van het parent theme naar het child theme.

3. 3

   Plak vóór </body>

   Plak de code op een eigen regel direct boven de afsluitende tag </body>. Laat de aanroep wp_footer() staan.

4. 4

   Werk het bestand bij

   Klik op Update File en open daarna je website om te controleren.

Open je website in een nieuw privévenster. In een van de onderste hoeken verschijnt een chatknop. Stel een echte vraag, zoals “Werken jullie in het weekend?” of “Wat kost een ketelonderhoud?”. Binnen enkele seconden verschijnt het gesprek onder Gesprekken in je dashboard. Vanaf dat moment staat elke wijziging die je in het dashboard doet binnen ongeveer een minuut op je website, zonder dat je WordPress nog hoeft aan te raken.

• Cache. Plugins zoals WP Rocket, LiteSpeed Cache of W3 Total Cache (en sommige hostingpartijen) tonen een oude kopie van je pagina's. Leeg de cache van de plugin en eventuele caches van je host of CDN, en laad de pagina opnieuw. Staat een optie als “delay JavaScript” aan, dan verschijnt de knop misschien pas als de bezoeker scrolt of klikt; je kunt nexoply.com/widget.js van die optie uitsluiten.
• Verkeerd vak. Controleer of de code in het vak Footer van WPCode staat (of vóór </body> in footer.php), één keer geplakt en volledig, inclusief de afsluitende </script>.
• WordPress.com-abonnement. Kun je Plugins of WPCode helemaal niet vinden, dan staat je abonnement waarschijnlijk geen plugins toe.
• Toegestane domeinen. Heb je op de pagina Chatbot Alleen toestaan op deze websites ingevuld, controleer dan of je domein er precies goed in staat (bijvoorbeeld mijnbedrijf.nl, of *.mijnbedrijf.nl voor subdomeinen).
• Chatbot uitgeschakeld. Controleer of de schakelaar Chatbot ingeschakeld aan staat.
• Adblockers. Heel soms blokkeert een browserextensie chatwidgets. Probeer een andere browser of een privévenster zonder extensies.

Al het andere doe je in het dashboard, niet in WordPress. Onder Chatbot → Aanpassen kies je het pictogram van de berichtknop (of je eigen afbeelding), het tekstlabel, de vorm, grootte, kleuren en positie, of gebruik je in plaats daarvan een zijtab aan de rand van het scherm (zoals “Hulp”). Je kunt een andere look instellen voor telefoons en met paginaregels het uiterlijk op bepaalde pagina's wijzigen (bijvoorbeeld /services/*). Geef het chatvenster je eigen lettertypen, kleuren en logo, begin met een kant-en-klaar sjabloon en voeg knoppen toe aan het startscherm, zoals Boeken, Bellen of WhatsApp.

Bekijk daarna ongeveer elke week je gesprekken: vragen die de assistent niet kon beantwoorden staan in een lijst, en je maakt van elk ervan met één klik een veelgestelde vraag. Heb je meer dan één website? Dezelfde code werkt op andere platforms: zie zo voeg je een AI-chatbot toe aan Wix, of vergelijk de opties in de beste AI-chatbots voor kleine bedrijven.