Kuidas lisada Asyntai AI vestlusrobotit Squarespace'ile

Samm-sammuline juhend Squarespace'i veebisaitide jaoks

Platvorm:

1. samm: hankige oma manuskood

Esmalt minge oma Asyntai juhtpaneelile ja kerige alla jaotiseni „Embed Code“. Kopeerige oma unikaalne manuskood, mis näeb välja selline:

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

Märkus: Ülalolev kood on vaid näide. Peate kopeerima oma unikaalse manuskoodi oma juhtpaneelilt, kuna see sisaldab teie isiklikku vidina ID-d.

2. samm: lisage kood Koodisüsti abil

Kui teie saidil on Squarespace'i pakett Core, Plus või Advanced (või vanem pakett Business või Commerce), saate vestlusroboti Koodisüsti abil korraga kõigile lehtedele lisada:

Logige sisse oma Squarespace'i kontole ja avage oma sait
Klõpsake vasakul paneelil Pages
Klõpsake paneeli allosas Custom Code
Klõpsake Koodisüst
Kerige alla jaotiseni Jalus
Kleepige oma Asyntai manuskood jaluse tekstikasti
Klõpsake "Salvesta"

Märkus: Squarespace 7.0-s asub Koodisüst jaotises Pages → Website Tools.

Vihje: Koodi lisamine jaluse sektsiooni paigutab selle vahetult enne sulgevat </body> märgendit, mis on vestlusvidinite soovitatav paigutus ega aeglusta teie lehe laadimist.

Alternatiiv: koodiplokkide kasutamine

Vestlusroboti lisamiseks ainult kindlatele lehtedele saate kasutada koodiplokke (Code Blocks). Koodiplokk käivitab JavaScripti ainult paketis Core, Plus või Advanced (või vanemas paketis Business või Commerce).

Avage oma sait Squarespace'i redaktoris
Navigeerige lehele, kuhu soovite vestlusroboti lisada
Klõpsake lehel "Muuda"
Hõljutage sektsiooni kohal ja klõpsake "+ Lisa plokk"
Kerige alla ja valige "Kood"
Klõpsake pliiatsiikooni koodiploki muutmiseks
Kleepige oma Asyntai manuskood
Veenduge, et ploki Mode menüüs on valitud HTML
Klõpsake väljaspool plokki redaktori sulgemiseks
Klõpsake "Salvesta"

Oluline: Koodiplokkide kasutamisel peate koodi lisama igale lehele, kus vestlusrobot peab ilmuma. Kogu saidile paigaldamiseks kasutage ülalkirjeldatud Koodisüsti meetodit.

3. samm: kontrollige paigaldust

Pärast muudatuste salvestamist avage oma veebisait uuel brauseri vahekaardil või inkognito aknas. Peaksite nägema vestlusvidina nuppu paremas alanurgas. Klõpsake sellel, et veenduda selle avamises ja korrektses toimimises.

Ei näe vidinat? Veenduge, et olete oma muudatused salvestanud ja avaldanud. Proovige tühjendada brauseri vahemälu või vaadata oma saiti inkognito aknas. Squarespace'il võib koodi muudatuste rakendamiseks kuluda mõni minut. Mõnikord kood ei käivitu, kui olete Squarespace'i sisse logitud, seega kontrollige saiti privaatses aknas.

AI otsinguriba lisamine

AI otsinguriba on eraldi vidin oma koodiga. Lisage see vestluse kõrvale või eraldi. See nõuab Standard paketti või kõrgemat: madalamas paketis riba ilmub, kuid ei anna tulemusi.

Lisage script-sildile atribuut data-replace ja riba asendab teie teema olemasoleva otsinguriba. Lisage see jaotises Pages, Custom Code, Koodisüst, Jalus, samas kohas kui vestluskood. Squarespace pakub Koodisüsti ainult paketis Core, Plus või Advanced (või vanemas paketis Business või Commerce), seega vajate selle paigaldamiseks ühte neist.

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