Kuinka lisätä Asyntai AI Chatbot Wix-sivustolle

Vaiheittainen opas Wix-sivustoille

Alusta:

Vaihe 1: Hanki upotuskoodisi

Siirry ensin Asyntai-hallintapaneeliin ja vieritä alas kohtaan "Embed Code". Kopioi yksilöllinen upotuskoodisi, joka näyttää tältä:

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

Huomautus: Yllä oleva koodi on vain esimerkki. Sinun on kopioitava oma yksilöllinen upotuskoodisi Hallintapaneelistasi, sillä se sisältää henkilökohtaisen widget-tunnuksesi.

Vaihe 2: Lisää koodi Custom Coden avulla (Suositeltu)

Custom Code lisää chatbotin kaikille sivuille kerralla. Wix tarjoaa sen sivustoille, jotka on julkaistu ja joihin on yhdistetty verkkotunnus, mikä vaatii Premium-paketin:

Kirjaudu Wix-tilillesi ja siirry sivustosi hallintapaneeliin
Napsauta vasemmasta sivupalkista Asetukset
Napsauta osiossa Development & integrations kohtaa Custom Code
Napsauta "+ Add Custom Code" oikeassa yläkulmassa
Liitä Asyntai-upotuskoodisi tekstikenttään
Anna koodillesi nimi (esim. "Asyntai Chatbot")
Kohdassa "Add Code to Pages" valitse "All pages"
Kohdassa "Place Code in" valitse "Body - end"
Napsauta "Apply" tallentaaksesi

Vinkki: "Body - end" -valinnan tekeminen sijoittaa skriptin juuri ennen sulkevaa </body>-tagia, mikä on suositeltu sijoitus chat-widgeteille.

Vaihtoehto: Embed HTML -elementin käyttö (ilmainen paketti)

Ilman Premium-pakettia voit lisätä koodin sivulle Embed HTML -elementillä. Wix näyttää tämän elementin iframena, joten chat-widget pysyy elementin ruudun sisällä eikä kellu sivun päällä. Tee ruudusta riittävän suuri avoimelle chat-ikkunalle.

Avaa sivustosi Wix-muokkaimessa
Napsauta vasemmassa työkalupalkissa "Add Elements" ("+"-painike)
Valitse "Embed Code", sitten "Popular Embeds" ja sitten "Embed HTML"
Napsauta "Enter Code" ja liitä Asyntai-upotuskoodisi
Napsauta "Apply"
Vedä elementin kulmista, jotta siitä tulee riittävän suuri avoimelle chat-ikkunalle
Napsauta "Publish" tallentaaksesi muutoksesi

Tärkeää: Embed HTML -menetelmässä elementti on lisättävä jokaiselle sivulle, jolla haluat chatbotin näkyvän. Jos haluat lisätä sen kaikille sivuille kerralla, käytä yllä kuvattua Custom Code -menetelmää.

Vaihe 3: Vahvista asennus

Koodin lisäämisen jälkeen julkaise sivustosi ja vieraile sillä uudessa selaimen välilehdessä tai incognito-ikkunassa. Chat-widgetin painikkeen pitäisi näkyä oikeassa alakulmassa. Napsauta sitä varmistaaksesi, että se avautuu ja toimii oikein.

Etkö näe widgetiä? Varmista, että sivustosi on julkaistu (ei vain tallennettu). Wix saattaa tarvita muutaman minuutin mukautettujen koodimuutosten käyttöönottoon. Kokeile tyhjentää selaimen välimuisti tai tarkastella incognito-ikkunassa.

Tekoälyhakupalkin lisääminen

Tekoälyhakupalkki on erillinen widget omalla koodillaan. Lisää se chatin rinnalle tai yksin. Se vaatii Standard-tilauksen tai korkeamman: alemmassa palkki näkyy mutta ei palauta tuloksia.

Lisää script-tagiin data-replace-attribuutti, niin palkki korvaa teemasi nykyisen palkin. Lisää se kohdassa Asetukset, Custom Code, samassa paikassa kuin chat-koodi. Wix tarjoaa Custom Coden vain Premium-paketissa, jossa on yhdistetty verkkotunnus, joten tarvitset sellaisen tämän asentamiseen.

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