Bijgewerkt op 28 oktober 2026 voor Wix Custom Code en de gegenereerde widget van Agentkit.
Om een Agentkit-chatbot aan Wix toe te voegen, kopieer je de volledige Chat widget-code uit Channels → Website embed en plak je beide scripttags in één Wix Custom Code-item. Publiceer de site en controleer vervolgens de widget en een goedgekeurd antwoord op de livepagina. Wix stelt dat Custom Code een gepubliceerde site met een gekoppeld domein vereist. Voor het koppelen van een domein is een betaald Wix Editor Premium-abonnement nodig, zoals de domeinrichtlijnen van Wix uitleggen. Test op de gepubliceerde URL, niet in de voorvertoning van de editor. De Custom Code-instructies van Wix en de Wix-installatiehandleiding van Agentkit beschrijven de twee kanten van de installatie.
Deze handleiding is gebaseerd op de huidige documentatie van Agentkit en Wix. We hebben geen bot op een Wix-site van een klant geïnstalleerd en de antwoordkwaliteit ervan niet gemeten. Agentkit publiceert deze handleiding en verkoopt de chatbot die hier wordt beschreven.
Kies de juiste plaatsing
| Doel van de lezer | Plaatsing in Wix | Agentkit-kanaal |
|---|---|---|
| Een zwevende chatknop op geselecteerde pagina's of de hele site | Dashboard Settings → Development & integrations → Custom Code | Chat widget, met beide gegenereerde scripttags |
| Een volledig chatpaneel binnen één paginasectie | Editor Add Elements → Embed Code → Embed HTML | Iframe, met de gegenereerde iframe-code |
De HTML-embed van Wix is zelf een iframe. Deze toont inhoud binnen een pagina-element, dus het formaat van dat element is belangrijk. Het is niet de juiste plek voor een zwevende knop op de hele site. De instructies voor zichtbare embeds van Wix leggen het pagina-element uit. De onderstaande stappen gebruiken Custom Code voor de zwevende widget.
Bereid één antwoord voor vóór de installatie
Kies een openbare vraag die je site al beantwoordt, zoals een servicegebied, een openingstijd of een gepubliceerde retourregel. Sla de exacte bron-URL en een goedgekeurd antwoord op. Voeg die pagina toe als Agentkit-websitebron en stel de vraag vervolgens in de Playground. Controleer het antwoord aan de hand van de huidige pagina. Als het belangrijke feit in een afbeelding staat of op een pagina die de crawler niet heeft uitgelezen, voeg dan een goedgekeurd vraag-antwoordpaar toe en test opnieuw. De trainingshandleiding legt uit hoe je uitgelezen bronnen controleert.
Kies ook één vraag die je bronnen niet kunnen beantwoorden. Bepaal wat de bot moet zeggen of welke contactroute hij moet geven. Controleer het daadwerkelijke antwoord aan de hand van je goedgekeurde beleid vóór de lancering.
Installeer de zwevende widget in Wix
- Open in Agentkit Channels → Website embed → Chat widget van je chatbot. Kopieer de volledige gegenereerde code. Het eerste script zet de widgetwachtrij op; het tweede laadt de widget voor je chatbot. Houd ze bij elkaar en gebruik de gegenereerde script-URL en chatbot-ID zoals aangeleverd.
- Open in het dashboard van je Wix-site Settings → Development & integrations → Custom Code en selecteer vervolgens + Add Custom Code. Controleer of je Wix-abonnement het gekoppelde domein ondersteunt en of de site is gepubliceerd.
- Plak beide scripttags in één code-item. Geef het een herkenbare naam. Kies All pages voor een widget op de hele site, of Choose specific pages voor een beperktere lancering. Kies bij All pages voor load on each page your visitor opens, zoals de Wix-handleiding van Agentkit voorschrijft.
- Kies onder Place Code in de optie Body - end en klik op Apply. De Wix-handleiding van Agentkit gebruikt deze plaatsing. Als je Agentkit-domeinbeperkingen hebt ingeschakeld, voeg dan het gepubliceerde Wix-domein toe aan de lijst met toegestane domeinen. Publiceer je Wix-site.
- Open de gepubliceerde pagina op het gekoppelde domein in een nieuwe browsersessie. Controleer of de chatknop verschijnt, opent en een bericht accepteert. Herhaal dit op een scherm ter grootte van een telefoon. Wix vereist een gepubliceerde site voor Custom Code, dus controleer de gepubliceerde URL.
Als je later het gekoppelde domein van de site wijzigt, controleer dan het Custom Code-item opnieuw. Wix stelt dat snippets aan het domein zijn gebonden en worden verwijderd wanneer het toegewezen domein verandert. Installeer de gegenereerde code indien nodig opnieuw.
Voor een vast chatpaneel kopieer je in plaats daarvan de gegenereerde Iframe-code in Agentkit. Gebruik in de Wix Editor Add Elements → Embed Code → Embed HTML, plak de HTTPS-iframe-code, stel het formaat van het element in voor desktop en mobiel, publiceer en test de livepagina. De embed-handleiding van Wix behandelt het pagina-element.
Controleer het resultaat voordat je bezoekers uitnodigt
Het volgende is een voorgestelde acceptatiecontrole, geen resultaat van een Wix-installatie.
| Controle | Wat je vastlegt | Slagingsvoorwaarde |
|---|---|---|
| Installatie | Gepubliceerde Wix-URL, resultaat op desktop en mobiel | De knop verschijnt en de chat opent op de beoogde pagina's |
| Goedgekeurde vraag | Vraag, bron-URL, verwacht antwoord, daadwerkelijk antwoord | Het antwoord komt overeen met de huidige goedgekeurde bron |
| Onbekende vraag | Vraag en daadwerkelijk antwoord | De bot verzint geen beleid; de afgesproken contactroute is duidelijk |
| Bereik | Eén opgenomen en één uitgesloten Wix-pagina, bij gebruik van specifieke pagina's | De widget verschijnt alleen waar geselecteerd |
| Domein | Gekoppeld domein en de instelling voor toegestane domeinen in Agentkit | Het gepubliceerde domein is toegestaan en de widget laadt |
Als de knop ontbreekt, controleer dan eerst of de snippet actief is, of de site op het gekoppelde domein is gepubliceerd, of het item beide gegenereerde tags bevat en of de gekozen Wix-pagina's de pagina bevatten die je hebt geopend. Controleer de Agentkit-domeinbeperkingen als het script aanwezig is maar de widget niet kan laden. Als de knop werkt maar een antwoord onjuist is, controleer dan de bron en test opnieuw in de Playground voordat je de embedcode wijzigt.
Bij een belangrijke bronwijziging train je de betreffende websitebron opnieuw en herhaal je de controle van de goedgekeurde vraag. Een geplande verversing of een geslaagde crawl bevestigt op zichzelf niet welk antwoord bezoekers nu te zien krijgen.
Controleer de gepubliceerde pagina, de geselecteerde chatbot en het goedgekeurde antwoord voordat je bezoekers uitnodigt. Als je helemaal opnieuw begint, maak dan een Agentkit-chatbot aan, bereid een kleine set openbare bronnen voor en gebruik vervolgens de hierboven gegenereerde code.
