Om een AI-agent voor je website te bouwen, begin je met één bezoekerstaak en een kleine set goedgekeurde antwoorden. In Agentkit voeg je die bronnen toe, stel je de chat af, test je hem in de Playground en kopieer je daarna de embedcode uit Channels → Website embed. Publiceer pas als een echte pagina de antwoorden geeft die je verwacht. Acties kun je toevoegen zodra het basispad van vraag en antwoord werkt.
Deze gids behandelt een websitechat op basis van kennis, met optionele acties. Hij belooft niet dat een agent een boeking kan afronden, een terugbetaling kan doen of een bestelling kan wijzigen alleen omdat hij over die taken kan praten.
1. Kies de taak voordat je het model kiest
Schrijf op welk verzoek je als eerste wilt afhandelen. Bijvoorbeeld: "Bezoekers helpen ons verzendbeleid te vinden en uitleggen wanneer een bestelling in aanmerking komt voor gratis bezorging." Benoem de bron van de waarheid en de uitwijkroute voor vragen die de agent niet kan beantwoorden. Zo kun je het resultaat later beoordelen.
Als je een vaste beslisboom zonder gegenereerde antwoorden nodig hebt, past een gescripte chat misschien beter. Als je accountspecifieke gegevens of een transactie nodig hebt, plan dan de integratie en de goedkeuringsgrens ervan voordat je bezoekers uitnodigt om hem te gebruiken. Een websitebron alleen kan geen privébestelling opzoeken en geen aankoop afronden.
2. Maak de agent en controleer zijn bronnen
Maak een Agentkit-account en start een nieuwe chatbot. De installatiewizard accepteert een website-URL of handmatige bronnen en toont daarna de gevonden pagina’s voordat je het ontwerp en de AI-instellingen kiest. Beschikbare modellen en limieten hangen af van je huidige abonnement. Gebruik dus de keuzes die in je account staan en bekijk de actuele prijzen voordat je budget reserveert voor publiek verkeer.
Bij een website-URL toont de wizard de gevonden pagina's, maar je kunt daar geen afzonderlijke pagina's verwijderen. Open na de installatie en training Sources → Website. Verwijder pagina's waarop bezoekers niet mogen vertrouwen, zoals verlopen aanbiedingen of oude beleidsversies. Houd actuele product-, beleids- en helppagina's. Mist de crawler een pagina, voeg die dan na de installatie toe via Sources → Website. Via Sources kun je ook bestanden, tekst en vraag-en-antwoord-items toevoegen. De gids voor de websitebron legt de crawlinstellingen uit.
Begin met een paar pagina's die je kunt controleren. Een bredere crawl is alleen nuttig als de pagina's correct en relevant zijn. Zet geen privédocumenten in de bronnen van een publieke agent alleen omdat een uploadveld ze accepteert.
3. Stel het uiterlijk en de instructies van de chat in
Kies in de wizard het ontwerp en de AI-instellingen die bij de bezoekerstaak passen. Na het aanmaken kun je het ontwerp en de instructies van de agent opnieuw bekijken. Een nuttig openingsbericht benoemt wat de agent kan beantwoorden: "Stel je vraag over bezorging, retouren of productonderhoud." Voorgestelde vragen kunnen bezoekers een startpunt geven, maar beweer niet dat die suggesties de conversie verbeteren zonder dat op je eigen site te meten.
Geef de agent een grens die hij kan volgen. Voor het verzendvoorbeeld: "Gebruik onze gepubliceerde verzend- en retourinformatie. Als een bezorgdatum afhangt van een specifieke bestelling, zeg dan dat je die bestelling niet kunt zien en verwijs de bezoeker naar de support." Vermeld de echte supportroute. Instructies vervangen geen correcte bron en geen test van het antwoord.
4. Test antwoorden voordat je acties toevoegt
Gebruik de Playground om vragen te stellen over de goedgekeurde pagina's. Noteer de vraag, de bron en het verwachte antwoord. Deze kleine lanceerset maakt latere wijzigingen makkelijker te controleren.
| Testvraag | Verwacht resultaat | Te verhelpen fout |
|---|---|---|
| "Wanneer is verzending gratis?" | Noemt de huidige drempel van de gepubliceerde verzendpagina. | Noemt een oude drempel of verzint er een. |
| "Waar is bestelling 12345?" | Zegt dat hij zonder gekoppelde bestellingsopzoeking geen privébestelling kan zien en geeft de supportroute. | Gokt een bezorgdatum. |
| "Kun je een uitzondering maken op het retourbeleid?" | Legt het gepubliceerde beleid uit en verwijst uitzonderingen door naar een persoon. | Belooft een uitzondering. |
Het bestelnummer is een illustratieve test, geen echt klantrecord. Is een antwoord fout, bekijk dan eerst de bron. Werk de verouderde pagina bij of voeg een precies vraag-en-antwoord-item toe, en herhaal daarna dezelfde vraag. De trainingsgids behandelt bronnenonderhoud en antwoordcontroles.
5. Voeg één actie toe, en alleen als die een duidelijk resultaat heeft
Acties kunnen een lead verzamelen, een knop tonen of een ondersteunde dienst koppelen. Kies een actie die bij de bezoekerstaak hoort en test daarna in de Playground zowel het succespad als het foutpad. Een Collect Leads-actie kan bijvoorbeeld om een e-mailadres vragen zodat iemand kan opvolgen. Een ingestuurde lead is een contactverzoek, geen bewijs dat een verkoop of afspraak heeft plaatsgevonden. De Collect Leads-gids toont de instelling.
Opent de actie een boekingsaanbieder, rond dan een testboeking af bij die aanbieder en controleer de bevestiging. Heeft hij accountspecifieke gegevens nodig, controleer dan de rechten en beloof geen resultaat totdat de integratie het teruggeeft. Voor een nuttige vraag-en-antwoord-agent kun je acties uit laten staan.
6. Kopieer de code die je account genereert
Als de antwoorden en eventuele acties de tests doorstaan, open je Channels → Website embed. Kies Chat widget voor een zwevende chatbubbel of Iframe voor een inline paneel. Schakel het kanaal in dat je wilt gebruiken. De twee kanalen hebben aparte schakelaars. Volgens Agentkit ondersteunt de iframe geen geavanceerde functies. Heb je een actie toegevoegd, test die dan in het kanaal dat je publiceert.
Voor de widget kopieer je de volledige gegenereerde code. Die bevat een klein bootstrapscript en een asynchroon widgetscript met je agent-ID en de geconfigureerde host. Plaats beide tags één keer in de gedeelde footer of HTML-template van je site, vóór </body>, en publiceer daarna. Voor een inline paneel kopieer je in plaats daarvan de gegenereerde iframe en geef je die genoeg hoogte in je lay-out. Gebruik geen widget-URL, iframe-pad of React-pakket uit een ouder artikel. De embedgids behandelt plaatsing en probleemoplossing. WordPress-eigenaren kunnen de actuele WordPress-gids volgen.
7. Controleer een publieke pagina en blijf controleren
Open de gepubliceerde pagina in een nieuw browservenster. Bevestig dat de bubbel of het paneel verschijnt, opent, een bericht accepteert en een brongebaseerd antwoord geeft op een van je lanceervragen. Stel daarna een vraag die hij zou moeten afwijzen of naar een persoon doorsturen. Noteer wat er gebeurde. Een werkende embed bewijst alleen dat de chat is geladen; het bewijst niet dat elk antwoord veilig is.
Ontbreekt de chat, controleer dan of het juiste kanaal is ingeschakeld en of de gepubliceerde pagina de volledige gegenereerde code of iframe bevat. Een site-editor of cache kan scripts verwijderen of vertragen. Laadt hij wel maar kan hij niet antwoorden, controleer dan de trainingsstatus van de bronnen en de instellingen van de agent. De gids voor domeinbeperking legt een mogelijke embedblokkade uit.
Bekijk na de lancering echte gesprekken op terugkerende onbeantwoorde vragen. Corrigeer de bron en herhaal daarna de betreffende lanceervraag en een controle op de publieke pagina. Houd een normale contactroute zichtbaar voor wanneer de agent niet kan helpen. Dat is de praktische standaard voor een website-agent: bezoekers krijgen een nuttig antwoord, zien wanneer hij er geen heeft en bereiken de volgende persoon of pagina.
