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 scroll naar het gedeelte "Insluitcode". Kopieer uw unieke insluitcode die er als volgt 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 via de Wix Editor (werkt op Free abonnement)

Deze methode werkt op alle Wix-plannen, inclusief Free:

Open uw site in de Wix Editor
Klik op de "+"-knop in de linker werkbalk
Selecteer "Embed Code" in het menu
Kies "Embed HTML"
Plak uw Asyntai-insluitcode
Klik op "Apply"
Positioneer het insluit-element waar u wilt op de pagina (het is niet zichtbaar omdat de chatbot als zwevende knop verschijnt)
Klik op "Publish" om uw wijzigingen op te slaan

Belangrijk: Wanneer u de Embed HTML-methode gebruikt, moet u de code toevoegen aan elke pagina waar u de chatbot wilt laten verschijnen. Voor sitewijde installatie op alle pagina's tegelijk gebruikt u de onderstaande methode Aangepaste code (vereist Premium-abonnement).

Alternatief: Aangepaste code gebruiken (alleen Pro-abonnement)

Als u een Wix Pro-abonnement hebt met een gekoppeld domein, kunt u de code in één keer aan alle pagina's toevoegen:

Log in op uw Wix-account en ga naar het dashboard van uw site
Klik op Settings in de linkerzijbalk
Scroll naar beneden naar het gedeelte Geavanceerd en klik op Aangepaste 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.

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 het toe onder Settings, Advanced, Custom Code, dezelfde plek als de chatcode. Wix biedt Custom Code alleen op een Premium-abonnement met gekoppeld domein, dus dat heeft u nodig om te installeren.

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