Een AI chatbot toevoegen aan je WordPress-site

Wat je nodig hebt

• Een WordPress-site waarop je als beheerder kunt inloggen (zelf gehoste WordPress, of een WordPress.com-abonnement dat plug-ins toestaat).
• Een account bij ons: meld je aan met je e-mailadres, vul het adres van je website in en kopieer je regel code uit het dashboard.
• Ongeveer vijf minuten.

Je regel code ziet er zo uit, met je eigen site-id erin:

Optie 1: met de gratis plug-in WPCode (aanbevolen)

WPCode (in de plug-indirectory te vinden als “WPCode – Insert Headers and Footers”) voegt code toe aan elke pagina zonder aan je thema te komen. De gratis versie is genoeg.

1. Ga in je WordPress-beheer naar Plugins → Add New, zoek naar WPCode en klik op Install Now en daarna Activate.
2. Ga naar Code Snippets → Header & Footer.
3. Plak je regel in het vak Footer. Code daarin wordt op elke pagina vlak vóór de afsluitende </body>-tag geplaatst.
4. Klik op Save Changes.
5. Open je website in een nieuw tabblad. De chatknop verschijnt rechtsonder en je dashboard toont Verbonden.

Optie 2: in een child theme, zonder plug-in

Wil je liever geen plug-in toevoegen, voeg de regel dan toe vanuit de functions.php van je child theme. Dat werkt voor klassieke thema’s en blokthema’s, omdat beide de hook wp_footer uitvoeren. Gebruik een child theme: wijzigingen in het hoofdthema gaan verloren bij een update.

1. Open de functions.php van je child theme (via het bestandsbeheer van je hostingpartij, SFTP, of Appearance → Theme File Editor als die is ingeschakeld).
2. Voeg een functie toe aan wp_footer die je regel code uitvoert, bijvoorbeeld add_action('wp_footer', function () { echo '…your line…'; });
3. Sla het bestand op en open je website om te controleren of de chatknop verschijnt.

Bij een klassiek thema kun je de regel ook in footer.php plakken, vlak vóór </body>. Ook hier: alleen in een child theme.

Als de chatknop niet verschijnt

• Leeg je cache. Cacheplug-ins, de cache van je hostingpartij en een CDN kunnen de oude pagina blijven tonen. Leeg ze allemaal na het opslaan.
• Controleer opties als “JavaScript uitstellen”. Sommige optimalisatieplug-ins houden scripts tegen tot de bezoeker scrolt of klikt. Sluit widget.js uit van die lijst als de knop pas laat verschijnt.
• Controleer het domein. De chat antwoordt alleen op het adres dat je hebt geregistreerd (met en zonder www telt als hetzelfde). Een testkopie op een ander domein heeft dat domein nodig in je dashboard, of test op localhost.
• Bekijk de paginabron en zoek naar widget.js. Staat het er niet, dan is de code niet opgeslagen op een plek die WordPress uitvoert.

Wat de assistent doet op WordPress

Hij leest de openbare pagina’s van je site: diensten, productbeschrijvingen, FAQ, verzend- en retourpagina’s, over ons en contact. Hij antwoordt op basis daarvan, in de taal waarin de bezoeker schrijft, en leest je site elke dag opnieuw, dus als je een pagina aanpast, passen de antwoorden zich aan. Wordt een vraag niet gedekt, dan zegt hij dat in plaats van te gokken, en de vraag komt op je lijst met vragen die hij niet kon beantwoorden, zodat je weet welke pagina je kunt verbeteren.

Vraagt een bezoeker naar een mens, heeft hij een klacht of moet er iets geregeld worden, dan komt het gesprek bij jou binnen via e-mail, of in Slack, Discord of Telegram als je die koppelt, en vanuit de chat-apps kun je de bezoeker meteen live antwoorden.

Hij logt niet in op je WordPress-beheer en verandert niets aan je site. Hij leest alleen wat elke bezoeker kan lezen.

Een webshop op WordPress?

Verkoop je met WooCommerce, dan werkt dezelfde regel code en beantwoordt de assistent vragen over je producten en voorwaarden op basis van de pagina’s van je shop. Hij kan WooCommerce-bestellingen niet opzoeken of wijzigen. Details staan op de WooCommerce-pagina.