Een meertalige AI-chatbot voor Champagne360, in een handomdraai

Nadat ik eerst een hele lading informatie op Champagne360.nl had verzameld, heb ik er een meertalige AI-chatbot aan toegevoegd. Ook nu was ik weer aangenaam verbaasd over hoe makkelijk en snel dat ging.

Eén klik op het vraagteken

Ik heb Claude gevraagd een pagina met een chatbot te configureren. Die pagina is bereikbaar via het “?”-icoon dat op iedere pagina van de site staat.

De chatbot toont een zoekbalk en een aantal veelgestelde vragen, in de gekozen taal. Na een klik op de knop gaat de chatbot op zoek naar een antwoord en toont dat onderaan het scherm, ook weer in de gekozen taal. Wie wil, kan de tekst laten voorlezen. Later is daar nog spraakinvoer bijgekomen: je spreekt je vraag in via de microfoon en het antwoord wordt meteen voorgelezen.

De opvoeding

Toen de chatbot eenmaal draaide, hebben we hem opgevoed:

• We hebben de tone of voice bepaald.
• We hebben hem gevoed met zestig pagina’s tekst over ‘le’ en ‘la’ champagne.
• We hebben hem verteld dat er pagina’s met info-slides en links zijn, en dat die in het antwoord getoond moeten worden.
• We hebben hem verteld dat er tabellen zijn waarvan je de inhoud via de URL kunt filteren.
• We hebben hem verteld dat de bezoeker de site van een producent, importeur of champagne kan aanmelden als de chatbot die niet kan vinden.
• We hebben bepaald dat de informatie op Champagne360 altijd voorgaat, en dat de chatbot pas op internet naar URL’s mag zoeken als hij op de site zelf geen goed antwoord vindt.

Knippen, plakken, Deploy

Ook die opvoeding ging gewoon in natuurlijke taal. Elke stap leverde een bijgewerkte JavaScript-definitie voor de Chatbot Worker op. Even knippen en plakken, op “Deploy” drukken en klaar.

Het resultaat zie je op champagne360.nl.