Nadat ik eerst -voor mijn AI-opleiding- een hele lading informatie op de website Champagne360.nl had verzameld (zie part 1 en part 2), heb ik er onlangs een meertalige AI-chatbot aan toegevoegd. Ook nu was ik weer aangenaam verbaasd over hoe makkelijk en snel het ging. Binnen 2 avonden draaide/praatte ik iets in elkaar dat ik zonder AI nog nooit eerder voor elkaar had gekregen. De chatbot, is de kers op de taart, of -zo je wilt- de kurk op de fles.

Eén klik op het vraagteken

Ik heb Claude gevraagd om 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/uitleg 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 vastgesteld.
  • We hebben hem gevoed met zestig Nederlandse pagina’s uitleg over ‘le’ en ‘la’ champagne.
  • We hebben hem verteld dat er op de site pagina’s met info-slides en links staan, en dat die ook 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 gestelde vragen en gegenereerde antwoorden als historische -niet noodzakelijk up to date- informatie worden bewaard
  • We hebben bepaald dat de informatie op Champagne360 altijd voorgaat, en dat de chatbot pas op internet naar URL’s mag zoeken als hij 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.