Come aggiungere il chatbot IA Asyntai a Squarespace

Guida passo passo per siti web Squarespace

Piattaforma:

Passaggio 1: ottieni il tuo codice di incorporamento

First, go to your Asyntai Dashboard and scroll down to the "Embed Code" section. Copy your unique embed code which will look like this:

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

Nota: Il codice sopra è solo un esempio. Devi copiare il tuo codice di incorporamento univoco dalla tua Dashboard poiché contiene il tuo ID widget personale.

Passaggio 2: aggiungi il codice usando Code Injection (piani Business e Commerce)

Se hai un piano Squarespace Business o Commerce, puoi aggiungere il chatbot a tutte le pagine contemporaneamente usando Code Injection:

Accedi al tuo account Squarespace e apri il tuo sito
Clicca su Settings nella barra laterale sinistra
Clicca su Advanced
Clicca su Code Injection
Scorri verso il basso fino alla sezione Footer
Incolla il tuo codice di incorporamento Asyntai nella casella di testo Footer
Clicca su "Save" in alto a sinistra

Suggerimento: Aggiungere il codice nella sezione Footer lo posiziona subito prima del tag di chiusura </body>, che è il posizionamento consigliato per i widget chat e non rallenterà il caricamento della pagina.

Alternativa: uso dei blocchi di codice (tutti i piani)

Se hai un piano Personal o preferisci aggiungere il chatbot solo a pagine specifiche, puoi usare i blocchi di codice:

Apri il tuo sito nell'editor Squarespace
Vai alla pagina in cui desideri aggiungere il chatbot
Clicca su "Edit" sulla pagina
Passa il mouse sopra una sezione e clicca su "+ Add Block"
Scorri verso il basso e seleziona "Code"
Clicca sull'icona della matita per modificare il blocco di codice
Incolla il tuo codice di incorporamento Asyntai
Clicca fuori dal blocco per chiudere l'editor
Clicca su "Save" nell'angolo in alto a sinistra

Importante: Quando usi i blocchi di codice, dovrai aggiungere il codice a ogni pagina in cui vuoi che appaia il chatbot. Per un'installazione su tutto il sito, usa il metodo Code Injection sopra (richiede un piano Business o Commerce).

Passaggio 3: verifica l'installazione

Dopo aver salvato le modifiche, apri il tuo sito web in una nuova scheda del browser o in una finestra di navigazione in incognito. Dovresti vedere il pulsante del widget chat nell'angolo in basso a destra. Cliccaci sopra per assicurarti che si apra e funzioni correttamente.

Non vedi il widget? Assicurati di aver salvato e pubblicato le modifiche. Prova a svuotare la cache del browser o a visualizzare il sito in una finestra di navigazione in incognito. Squarespace potrebbe impiegare qualche minuto per applicare le modifiche al codice.

Aggiungere la barra di ricerca AI

La barra di ricerca AI è un widget separato con un proprio codice. Aggiungila insieme alla chat, oppure da sola. Richiede il piano Standard o superiore: con un piano inferiore la barra compare ma non restituisce risultati.

Aggiungi l attributo data-replace al tag script e la barra prende il posto di quella già presente nel tema. Aggiungilo in Settings, Code Injection, Footer, nello stesso punto del codice della chat. Squarespace offre Code Injection solo su un piano Business o Commerce, quindi ti serve per installarlo.

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