Slik legger du til Asyntai AI-chatbot på Wix

Trinn-for-trinn-guide for Wix-nettsider

Plattform:

Trinn 1: Hent innbyggingskoden din

Gå først til Asyntai-dashbordet ditt og bla ned til delen "Embed Code". Kopier den unike innbyggingskoden din, som vil se slik ut:

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

Merk: Koden ovenfor er bare et eksempel. Du må kopiere din egen unike innbyggingskode fra Dashbordet ditt, da den inneholder din personlige widget-ID.

Trinn 2: Legg til kode med Custom Code (anbefalt)

Custom Code legger til chatboten på alle sider samtidig. Wix tilbyr dette på nettsteder som er publisert og har et tilkoblet domene, noe som krever et Premium-abonnement:

Logg inn på Wix-kontoen din og gå til nettstedets Dashboard
Klikk på Innstillinger i venstre sidefelt
I delen Development & integrations klikker du på Custom Code
Klikk på \"+ Add Custom Code\" øverst til høyre
Lim inn Asyntai-innbyggingskoden din i tekstboksen
Skriv inn et navn for koden din (f.eks. "Asyntai Chatbot")
Under \"Add Code to Pages\", velg \"All pages\"
Under \"Place Code in\", velg \"Body - end\"
Klikk på "Bruk" for å lagre

Tips: Å velge "Body - end" plasserer skriptet rett før den avsluttende </body>-taggen, som er den anbefalte plasseringen for chat-widgeter.

Alternativ: Bruke et Embed HTML-element (gratisabonnement)

Uten et Premium-abonnement kan du legge til koden på en side med et Embed HTML-element. Wix viser dette elementet som en iframe, så chatwidgeten blir værende inne i elementets boks og flyter ikke over siden. Gjør boksen stor nok for det åpne chatvinduet.

Åpne nettstedet ditt i Wix-redigereren
Klikk på "Add Elements" ("+"-knappen) i verktøylinjen til venstre
Velg "Embed Code", deretter "Popular Embeds" og deretter "Embed HTML"
Klikk på "Enter Code" og lim inn Asyntai-innbyggingskoden din
Klikk på "Bruk"
Dra i hjørnene på elementet for å gjøre det stort nok for det åpne chatvinduet
Klikk på "Publiser" for å lagre endringene dine

Viktig: Med Embed HTML-metoden må du legge til elementet på hver side der du vil at chatboten skal vises. For å legge det til på alle sider samtidig bruker du Custom Code-metoden ovenfor.

Trinn 3: Bekreft installasjonen

Etter at du har lagt til koden, publiser nettstedet ditt og besøk det i en ny nettleserfane eller inkognitovindu. Du bør se chat-widget-knappen i nedre høyre hjørne. Klikk på den for å forsikre deg om at den åpnes og fungerer riktig.

Ser du ikke widgeten? Sørg for at nettstedet ditt er publisert (ikke bare lagret). Wix kan bruke noen minutter på å aktivere endringer i tilpasset kode. Prøv å tømme nettleserbufferen eller se i et inkognitovindu.

Legge til AI-søkefeltet

AI-søkefeltet er en egen widget med sin egen kode. Legg det til sammen med chatten, eller alene. Det krever Standard-planen eller høyere: på en lavere plan vises feltet, men returnerer ingen resultater.

Legg til attributtet data-replace i script-taggen, så tar feltet plassen til det temaet allerede har. Legg den til under Innstillinger, Custom Code, samme sted som chatkoden. Wix tilbyr bare Custom Code med et Premium-abonnement og et tilkoblet domene, så du trenger det for å installere dette.

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