Hoe voegt u de Asyntai AI-chatbot toe aan Wix

Stapsgewijze handleiding voor Wix-websites

Platform:

Stap 1: Uw insluitcode ophalen

Ga eerst naar uw Asyntai-dashboard en scrol omlaag naar het gedeelte "Embed Code". Kopieer uw unieke insluitcode, die er zo uitziet:

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>

Opmerking: De bovenstaande code is slechts een voorbeeld. U moet uw eigen unieke insluitcode kopiëren vanuit uw Dashboard omdat deze uw persoonlijke widget-ID bevat.

Stap 2: Code toevoegen met Custom Code (aanbevolen)

Custom Code voegt de chatbot in één keer aan alle pagina's toe. Wix biedt dit aan op sites die gepubliceerd zijn en een gekoppeld domein hebben, waarvoor een Premium-abonnement nodig is:

Log in op uw Wix-account en ga naar het dashboard van uw site
Klik op Settings in de linkerzijbalk
Klik in het gedeelte Development & integrations op Custom Code
Klik op "+ Add Custom Code" rechtsboven
Plak uw Asyntai-insluitcode in het tekstvak
Voer een naam in voor uw code (bijv. "Asyntai Chatbot")
Onder "Code toevoegen aan pagina's", selecteer "Alle pagina's"
Onder "Code plaatsen in", selecteer "Body - einde"
Klik op "Apply" om op te slaan

Tip: Het selecteren van "Body - end" plaatst het script vlak voor de afsluitende </body>-tag, wat de aanbevolen plaatsing is voor chatwidgets.

Alternatief: een Embed HTML-element gebruiken (gratis abonnement)

Zonder Premium-abonnement kunt u de code aan een pagina toevoegen met een Embed HTML-element. Wix toont dit element als een iframe, dus de chatwidget blijft binnen het kader van het element en zweeft niet over de pagina. Maak het kader groot genoeg voor het geopende chatvenster.

Open uw site in de Wix Editor
Klik op "Add Elements" (de knop "+") in de linkerwerkbalk
Selecteer "Embed Code", dan "Popular Embeds" en dan "Embed HTML"
Klik op "Enter Code" en plak uw Asyntai-insluitcode
Klik op "Apply"
Sleep de hoeken van het element om het groot genoeg te maken voor het geopende chatvenster
Klik op "Publish" om uw wijzigingen op te slaan

Belangrijk: Met de Embed HTML-methode moet u het element toevoegen aan elke pagina waarop u de chatbot wilt laten verschijnen. Gebruik de Custom Code-methode hierboven om het in één keer aan alle pagina's toe te voegen.

Stap 3: Installatie verifiëren

Publiceer na het toevoegen van de code uw site en bezoek deze in een nieuw browsertabblad of incognitovenster. U zou de chatwidgetknop rechtsonder moeten zien. Klik erop om te controleren of deze correct opent en werkt.

Ziet u de widget niet? Zorg ervoor dat uw site is gepubliceerd (niet alleen opgeslagen). Het kan bij Wix enkele minuten duren voordat aangepaste codewijzigingen worden toegepast. Probeer uw browsercache te wissen of bekijk de pagina in een incognitovenster.

De AI-zoekbalk toevoegen

De AI-zoekbalk is een aparte widget met een eigen code. Voeg hem toe naast de chat, of los. Hij vereist het Standard-abonnement of hoger: bij een lager abonnement verschijnt de balk maar geeft hij geen resultaten.

Voeg het attribuut data-replace toe aan de scripttag en de balk neemt de plaats in van die van uw thema. Voeg deze toe onder Settings, Custom Code, op dezelfde plek als de chatcode. Wix biedt Custom Code alleen aan met een Premium-abonnement en een gekoppeld domein, dus dat hebt u nodig om dit te installeren.

<script src="https://widget.asyntai.com/static/js/search-widget.js" data-asyntai-id="YOUR_WIDGET_ID" data-replace="auto" async></script>