Come aggiungere il chatbot IA Asyntai a Squarespace

Guida passo passo per siti web Squarespace

Piattaforma:

Passaggio 1: ottieni il tuo codice di incorporamento

Per prima cosa, vai alla tua Dashboard Asyntai e scorri verso il basso fino alla sezione "Embed Code". Copia il tuo codice di incorporamento univoco, che avrà questo aspetto:

<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 con Code Injection

Se il tuo sito ha un piano Squarespace Core, Plus o Advanced (o un piano Business o Commerce meno recente), puoi aggiungere il chatbot a tutte le pagine in una sola volta usando Code Injection:

Accedi al tuo account Squarespace e apri il tuo sito
Clicca su Pages nel pannello a sinistra
Clicca su Custom Code in fondo al pannello
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"

Nota: Su Squarespace 7.0, Code Injection si trova in Pages → Website Tools.

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: usare i Code Block

Per aggiungere il chatbot solo a pagine specifiche, puoi usare i Code Block. Un Code Block esegue JavaScript solo con un piano Core, Plus o Advanced (o un piano Business o Commerce meno recente).

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
Assicurati che il menu Mode del blocco sia impostato su HTML
Clicca fuori dal blocco per chiudere l'editor
Clicca su "Save"

Importante: Quando usi i Code Block, devi 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 descritto sopra.

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. A volte il codice non viene eseguito mentre hai effettuato l'accesso a Squarespace, quindi controlla il sito in una finestra privata.

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 prenderà il posto di quella già presente nel tema. Aggiungila in Pages, Custom Code, Code Injection, Footer, nello stesso punto del codice della chat. Squarespace offre Code Injection solo con un piano Core, Plus o Advanced (o un piano Business o Commerce meno recente), quindi te ne serve uno per installarla.

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