Webflow

Gebruik de pagina Kanalen → Website-embed → Chatwidget van je agent om de volledige gegenereerde insluitcode te kopiëren. Deze bevat het bootstrap- en widgetscript met je agent-ID en de huidige widget-URL. Gebruik geen script-URL die uit een ouder voorbeeld is gekopieerd.

De handleiding voor aangepaste code van Webflow stelt dat aangepaste code voor de site of pagina een Core-, Growth-, Agency- of Freelancer-Workspace vereist, of een site met een actief Site-abonnement. Een Site manager of Designer moet de code toevoegen. Controleer het abonnement en de toegang van je site voordat je begint.

De widget op je hele site toevoegen

1. Schakel in Agentkit Chatwidget in op Kanalen → Website-embed en kopieer beide gegenereerde scripttags.
2. Open in Webflow Site settings → Custom code.
3. Plak de volledige code in Footer code, vóór de afsluitende </body>-tag. Voeg geen tweede kopie toe aan afzonderlijke pagina's.
4. Sla de wijzigingen op en publiceer vervolgens naar het domein dat je wilt testen.
5. Open een gepubliceerde pagina en stel een vraag waarvan je het antwoord al hebt gecontroleerd aan de hand van een goedgekeurde bron. Bevestig dat de widget laadt en dat het antwoord klopt.

Footer code geldt voor de hele site. Webflow staat scripts ook toe in Head code, maar de handleiding raadt aan scripts waar mogelijk vóór </body> te plaatsen. Gebruik de code die Agentkit heeft gegenereerd in plaats van de URL of ID ervan te bewerken. Voor algemene insluitcontroles, zie de handleiding voor insluiten op een website.

De widget aan één pagina toevoegen

Als de widget maar op één pagina moet verschijnen, laat je deze weg uit Site settings. Open in de Webflow Designer de Page settings → Custom code → Before </body> tag van die pagina, plak beide gegenereerde scripttags, sla op en publiceer. Webflow voegt paginacode in na de sitebrede code, dus dezelfde widget op beide plekken toevoegen zou deze twee keer laden.

De gepubliceerde site testen

Webflow stelt dat aangepaste code in de Designer-voorvertoning kan draaien, maar wijzigingen bereiken bezoekers pas nadat je publiceert. Test eerst het gepubliceerde *.webflow.io-stagingdomein als je workflow dat toelaat, en daarna het aangepaste domein dat je wilt gebruiken. Als je domeinbeperkingen hebt, sta dan elk domein toe dat je daadwerkelijk test.

Als de widget ontbreekt, controleer dan of Chatwidget is ingeschakeld in Agentkit, of de volledige code in de broncode van de gepubliceerde pagina staat, of de script-URL in de browser laadt en of je het beoogde Webflow-domein hebt gepubliceerd. Als het codeveld niet beschikbaar is, controleer dan je Webflow-Workspace of Site-abonnement en je rol aan de hand van de huidige toegangsregels van Webflow. Als de widget verschijnt maar een antwoord mislukt, controleer dan de bronnen en domeinbeperkingen van de agent.

Voor een chatpaneel binnen een paginasectie in plaats van een zwevende bubbel, schakel je het afzonderlijke Iframe-kanaal in en volg je de iframe-handleiding.