Cum să adăugați Chatbot-ul AI Asyntai în Squarespace

Ghid pas cu pas pentru site-urile Squarespace

Platformă:

Pasul 1: Obțineți codul de încorporare

Mai întâi, accesați panoul de control Asyntai și derulați în jos până la secțiunea "Cod de integrare". Copiați codul dvs. unic de integrare, care va arăta astfel:

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

Notă: Codul de mai sus este doar un exemplu. Trebuie să copiați propriul cod unic de încorporare din Tabloul de bord, deoarece conține ID-ul personal al widgetului dvs.

Pasul 2: Adăugați codul folosind Code Injection

Dacă site-ul dvs. are un plan Squarespace Core, Plus sau Advanced (sau un plan mai vechi Business sau Commerce), puteți adăuga chatbotul pe toate paginile deodată folosind Code Injection:

Conectați-vă la contul Squarespace și deschideți site-ul
Faceți clic pe Pages în panoul din stânga
Faceți clic pe Custom Code în partea de jos a panoului
Faceți clic pe Code Injection
Derulați în jos la secțiunea Footer
Lipiți codul de integrare Asyntai în caseta de text Footer
Faceți clic pe "Salvare"

Notă: În Squarespace 7.0, Code Injection se află în Pages → Website Tools.

Sfat: Adăugarea codului în secțiunea Footer îl plasează chiar înainte de eticheta de închidere </body>, ceea ce este plasarea recomandată pentru widget-urile de chat și nu va încetini încărcarea paginii.

Alternativă: Utilizarea blocurilor de cod

Pentru a adăuga chatbotul doar pe anumite pagini, puteți folosi blocuri de cod. Un bloc de cod rulează JavaScript doar cu un plan Core, Plus sau Advanced (sau un plan mai vechi Business sau Commerce).

Deschideți site-ul în Editorul Squarespace
Navigați la pagina unde doriți să adăugați chatbotul
Faceți clic pe "Edit" pe pagină
Treceți cu mouse-ul peste o secțiune și faceți clic pe "+ Add Block"
Derulați în jos și selectați "Code"
Faceți clic pe pictograma creion pentru a edita blocul de cod
Inserați codul de încorporare Asyntai
Asigurați-vă că meniul Mode al blocului este setat la HTML
Faceți clic în afara blocului pentru a închide editorul
Faceți clic pe "Salvare"

Important: Când folosiți blocuri de cod, trebuie să adăugați codul pe fiecare pagină unde doriți să apară chatbotul. Pentru instalarea pe întregul site, folosiți metoda Code Injection de mai sus.

Pasul 3: Verificați instalarea

După ce ați salvat modificările, deschideți site-ul dvs. într-o filă nouă de browser sau într-o fereastră incognito. Ar trebui să vedeți butonul widget-ului de chat în colțul din dreapta jos. Faceți clic pe el pentru a vă asigura că se deschide și funcționează corect.

Nu vedeți widgetul? Asigurați-vă că ați salvat și publicat modificările. Încercați să goliți cache-ul browserului sau să vizualizați site-ul într-o fereastră incognito. Squarespace poate dura câteva minute pentru a aplica modificările de cod. Uneori codul nu rulează cât timp sunteți conectat la Squarespace, așa că verificați site-ul într-o fereastră privată.

Adăugarea barei de căutare AI

Bara de căutare AI este un widget separat, cu propriul cod. Adăugați-o alături de chat sau singură. Necesită planul Standard sau superior: pe un plan inferior bara apare, dar nu returnează rezultate.

Adăugați atributul data-replace la eticheta script, iar bara o va înlocui pe cea existentă în temă. Adăugați-l în Pages, Custom Code, Code Injection, Footer, în același loc ca și codul de chat. Squarespace oferă Code Injection doar cu un plan Core, Plus sau Advanced (sau un plan mai vechi Business sau Commerce), deci aveți nevoie de unul pentru a-l instala.

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