Je kunt een Agentkit-websitechatbot bouwen zonder een applicatie te schrijven. Voeg goedgekeurde pagina's of bestanden toe, bepaal hoe de agent moet antwoorden, test hem in de Playground en kopieer daarna beide gegenereerde scripttags naar het codegebied van je site. De laatste stap is een test op de gepubliceerde pagina. Een chatbubbel die in de editor verschijnt, bewijst niet dat bezoekers hem kunnen gebruiken.
Je hebt een Agentkit-account nodig, content die je mag gebruiken en toestemming om aangepaste code aan je website toe te voegen. Als je siteabonnement of rol geen scripts kan publiceren, is een inline iframe mogelijk een optie waar embeds zijn toegestaan. Controleer de regels van je site voordat je begint.
1. Begin met een vraag en het goedgekeurde antwoord
Kies drie vragen die bezoekers echt stellen. Neem een routinevraag op, één waarvan het antwoord afhangt van een actueel beleid, en één die je bronnen niet beantwoorden. Schrijf voor elke vraag het goedgekeurde antwoord of de route naar een menselijk contactpersoon op. Deze kleine antwoordsleutel geeft je later iets concreets om te controleren.
Een winkel kan bijvoorbeeld vragen: "Wanneer kan ik een afgeprijsd artikel retourneren?" Gebruik het huidige retourbeleid als antwoordbron. Als het beleid afgeprijsde artikelen niet behandelt, is het acceptabele antwoord dat de agent de regel niet kan bevestigen en de bezoeker naar de winkel verwijst. Het voorbeeld is een testpatroon, geen uitspraak over het beleid van een bepaalde winkel.
2. Maak de agent en voeg bronnen toe
Maak een account aan, open het dashboard en kies Add AI agent. De installatiewizard leidt je door Link, Sources, Design en AI. Je kunt de URL van je site opgeven of bronnen handmatig toevoegen. Selecteer in Sources de paar pagina's die je goedgekeurde antwoorden bevatten. Voeg alleen een bestand, tekstfragment of vraag-antwoordpaar toe wanneer het een antwoord levert dat die pagina's missen. De brongids legt de beschikbare brontypen uit.
Bekijk wat de crawler heeft opgenomen. Een site-URL garandeert niet dat elke pagina bruikbaar, actueel of goedgekeurd is. Voeg geen dubbele of tegenstrijdige beleidsversies toe. Werk na een beleidswijziging de betreffende bron bij en test de bijbehorende vraag opnieuw. Betaalde automatische hertraining vernieuwt bestaande geïndexeerde website-URL's; ze ontdekt niet elke nieuwe pagina en vervangt geen geüploade bestanden voor je. De gids voor websitebronnen legt die grens uit.
3. Stel ontwerp- en antwoordregels in
Stel in Design een herkenbare naam, kleur en openingsbericht in. Vertel bezoekers wat de agent kan beantwoorden. Kies in AI uit de modellen die momenteel in je account worden aangeboden en schrijf korte instructies over reikwijdte en onzekerheid. Modelnamen en abonnementstoegang veranderen, gebruik dus de selector in je werkruimte in plaats van een statische lijst in een artikel.
Een nuttige instructie is: "Beantwoord vragen over ons gepubliceerde retourbeleid met behulp van de aangeleverde bronnen. Als een detail ontbreekt of de bronnen elkaar tegenspreken, zeg dan dat je het niet kunt bevestigen en verwijs de bezoeker naar [supportroute]." Vervang de route tussen haakjes door een route die je team daadwerkelijk in de gaten houdt. Instructies sturen gedrag; ze kunnen ontbrekend of tegenstrijdig bronmateriaal niet waar maken.
Rond de wizard af en open de Playground. Stel je drie vragen en daarna een vervolgvraag die één belangrijk detail verandert. Vergelijk elk antwoord met je geschreven antwoordsleutel. Corrigeer de bron of de instructies en herhaal de test als een antwoord fout is. Als de agent leadregistratie of een actie aanbiedt, test dan de daadwerkelijke bestemming voordat je deze voor bezoekers inschakelt; een belofte in het gesprek alleen is geen voltooide overdracht.
4. Installeer de gegenereerde widgetcode
Open de pagina Channels → Website embed van de agent, selecteer Chat widget en schakel het kanaal in. Kopieer de volledige code die voor je agent is gegenereerd. Die bestaat uit een korte bootstraptag voor de command queue, gevolgd door een asynchrone loadertag met je agent-ID en de geconfigureerde widget-URL. Plak beide tags samen in het footercodeveld van je site of in het gedeelde HTML-sjabloon, vóór </body>. Publiceer de site. Kopieer geen ID of script-URL uit een voorbeeldartikel.
Wil je een chatpaneel binnen een paginasectie in plaats van een zwevende bubbel, schakel dan Iframe in op dezelfde Website embed-pagina en gebruik de gegenereerde iframe-code. Volg voor plaatsing per platform de actuele gids voor de JavaScript-widget, React en Next.js, WordPress, Webflow of Framer. Voeg de widgetcode één keer per gerenderde pagina toe.
5. Controleer de openbare pagina
Open de gepubliceerde URL in een nieuw browservenster, ook op een telefoon. Houd dit korte acceptatieoverzicht bij:
| Controle | Verwacht resultaat | Als het mislukt |
|---|---|---|
| Paginabron | Beide gegenereerde widgettags komen één keer voor | Controleer de toestemming voor codeplaatsing, de publicatiestap en de cache van de site. |
| Chat opent | De bubbel opent en accepteert een bericht | Controleer of Chat widget is ingeschakeld en of het script laadt. |
| Bekende vraag | Het antwoord komt overeen met de goedgekeurde bron | Corrigeer de bron of de instructies en test opnieuw. |
| Onbekende vraag | De agent verzint geen beleid en biedt de echte contactroute aan | Voeg een expliciete escalatieroute toe en test opnieuw. |
| Menselijke overdracht | De contactlink, het formulier of de actie bereikt de bedoelde bestemming | Herstel de bestemming vóór de lancering. |
Als de widget wel in de Playground verschijnt maar niet op het openbare domein, controleer dan de domeinbeperkingen en de gegenereerde code. Als de bubbel opent maar niet kan antwoorden, controleer dan de bronverwerking en je berichtentegoed. Noteer de test-URL, de vraag, het waargenomen antwoord en de datum, zodat je dezelfde controle kunt herhalen na een bronupdate.
Een no-code lancering vereist nog altijd eigenaarschap over de bronnen en controle van de antwoorden. Begin met een beperkte set vragen, publiceer en bekijk echte gesprekken op hiaten. Wil je deze workflow uitproberen, maak dan een Agentkit-account aan en test de gepubliceerde widget voordat je bezoekers ernaar verwijst.
