Hur du lägger till Asyntai AI-chattbot i Wix

Steg-för-steg-guide för Wix-webbplatser

Plattform:

Steg 1: Hämta din inbäddningskod

Gå först till din Asyntai-instrumentpanel och scrolla ned till avsnittet "Inbäddningskod". Kopiera din unika inbäddningskod, som ser ut så här:

<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>

Obs! Koden ovan är bara ett exempel. Du måste kopiera din egen unika inbäddningskod från din Dashboard eftersom den innehåller ditt personliga widget-ID.

Steg 2: Lägg till kod med Custom Code (rekommenderas)

Custom Code lägger till chattbotten på alla sidor på en gång. Wix erbjuder det för webbplatser som är publicerade och har en ansluten domän, vilket kräver en Premium-plan:

Logga in på ditt Wix-konto och gå till din webbplats instrumentpanel
Klicka på Inställningar i den vänstra sidofältet
I avsnittet Development & integrations, klicka på Custom Code
Klicka på "+ Add Custom Code" uppe till höger
Klistra in din Asyntai-inbäddningskod i textrutan
Ange ett namn för din kod (t.ex. "Asyntai Chatbot")
Under "Add Code to Pages", välj "All pages"
Under \"Placera kod i\", välj \"Body – slut\"
Klicka på "Apply" för att spara

Tips: Att välja "Body - end" placerar skriptet precis före den avslutande </body>-taggen, vilket är den rekommenderade placeringen för chattwidgetar.

Alternativ: Använda ett Embed HTML-element (gratisplan)

Utan en Premium-plan kan du lägga till koden på en sida med ett Embed HTML-element. Wix visar detta element som en iframe, så chattwidgeten stannar inuti elementets ruta och svävar inte över sidan. Gör rutan tillräckligt stor för det öppna chattfönstret.

Öppna din webbplats i Wix Editor
Klicka på "Add Elements" (knappen "+") i det vänstra verktygsfältet
Välj "Embed Code", sedan "Popular Embeds" och sedan "Embed HTML"
Klicka på "Enter Code" och klistra in din Asyntai-inbäddningskod
Klicka på "Apply"
Dra i elementets hörn för att göra det tillräckligt stort för det öppna chattfönstret
Klicka på "Publish" för att spara dina ändringar

Viktigt: Med Embed HTML-metoden måste du lägga till elementet på varje sida där du vill att chattbotten ska visas. För att lägga till det på alla sidor på en gång, använd Custom Code-metoden ovan.

Steg 3: Verifiera installationen

Efter att du har lagt till koden, publicera din webbplats och besök den i en ny webbläsarflik eller ett inkognitofönster. Du bör se widgetknappen för chatten i det nedre högra hörnet. Klicka på den för att kontrollera att den öppnas och fungerar korrekt.

Ser du inte widgeten? Se till att din webbplats är publicerad (inte bara sparad). Wix kan ta några minuter att tillämpa anpassade kodändringar. Prova att rensa webbläsarens cache eller visa sidan i ett inkognitofönster.

Lägga till AI-sökfältet

AI-sökfältet är en separat widget med egen kod. Lägg till det vid sidan av chatten, eller ensamt. Det kräver Standard-planen eller högre: på en lägre plan visas fältet men returnerar inga resultat.

Lägg till attributet data-replace i script-taggen, så ersätter fältet det sökfält som ditt tema redan har. Lägg till det under Settings, Custom Code, på samma plats som chattkoden. Wix erbjuder bara Custom Code med en Premium-plan och en ansluten domän, så du behöver en sådan för att installera detta.

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