Come aggiungere un chatbot IA a Squarespace (in 5 minuti)

Nexoply è un assistente IA che crei nella sua dashboard e aggiungi al tuo sito Squarespace con una riga di codice. Squarespace contiene solo quella riga; tutto il resto si configura in Nexoply, senza codice e senza chiave IA, perché è Nexoply a gestire l’IA. In pratica:

• Conosce la tua attività. Aggiungi servizi e prezzi, FAQ, politiche, orari di apertura e zone servite, oppure importali dalle pagine pubbliche del tuo sito Squarespace (15 per scansione con il piano Gratuito). Non viene aggiunto nulla senza la tua approvazione.
• Risponde solo in base a queste informazioni. È istruito a dire quando non conosce la risposta invece di tirare a indovinare, e ogni conversazione è nella tua dashboard da rivedere.
• Si adatta al tuo sito. Pulsante dei messaggi o linguetta laterale, colori, caratteri e logo, modelli già pronti, un aspetto separato sugli smartphone e pulsanti della schermata iniziale come Prenota, Chiama o WhatsApp.
• Risponde in 12 lingue. I visitatori che scrivono in un’altra lingua supportata ricevono risposte in quella lingua.
• Cosa non è. Non è una casella di live chat per operatori umani e non gestisce direttamente prenotazioni né pagamenti; i suoi pulsanti indirizzano i visitatori alla tua pagina di prenotazione, al telefono o a WhatsApp.

Il piano Gratuito include 50 conversazioni al mese; i piani a pagamento partono da $19 al mese, come indicato nella pagina dei prezzi. Per l’elenco completo delle opzioni, consulta le funzionalità del chatbot.

Prima verifica queste tre cose:

• Un account Nexoply. Registrati gratis: il piano Gratuito include 50 conversazioni al mese, senza carta.
• Le informazioni sulla tua attività in Nexoply: servizi e prezzi, FAQ, politiche, orari di apertura e zone servite. Il modo più rapido è inserire l’indirizzo del tuo sito Squarespace e lasciare che Nexoply importi le tue pagine pubbliche, comprese quelle create con JavaScript. Controlli le proposte; non viene aggiunto nulla senza la tua approvazione.
• Un piano Squarespace che includa Code Injection: il piano Business o superiore. Se non ne sei sicuro, apri le impostazioni di Squarespace descritte più avanti e verifica se Code Injection è disponibile sul tuo sito.

Nella tua dashboard Nexoply, apri la pagina Chatbot (fai clic su Crea chatbot se non l’hai ancora fatto) e copia il codice di installazione. Ha questo aspetto:

<script src="https://nexoply.com/widget.js" data-chatbot="YOUR-KEY" async></script>

Al posto di YOUR-KEY c’è la chiave del tuo chatbot, che la pagina Chatbot inserisce automaticamente. La chiave è pubblica: non è una password e non dà accesso al tuo account. Vuoi vedere l’assistente prima di mettere mano a Squarespace? Fai clic su Apri una pagina di prova con il tuo chatbot per provarlo su una pagina di esempio.

1. 1

   Apri le impostazioni del sito

   Accedi a Squarespace, apri il sito che ti interessa e fai clic su Settings.

2. 2

   Vai su Code Injection

   Apri Advanced, poi Code Injection. È l’area valida per tutto il sito, quindi il codice inserito qui viene eseguito su ogni pagina.

3. 3

   Incolla nel Footer

   Incolla il codice Nexoply nel riquadro Footer. L’area footer viene inserita subito prima della fine di ogni pagina, che è proprio il punto giusto per il codice.

4. 4

   Salva

   Fai clic su Save. Non c’è nulla da installare e nient’altro da configurare in Squarespace.

Apri il sito pubblicato in una nuova finestra privata, così lo vedi come un visitatore. Nell’angolo in basso compare un pulsante della chat. Fai una domanda reale, come "Avete piatti vegetariani?" oppure "Posso prenotare un tavolo per otto?" (altri esempi nella guida al chatbot IA per ristoranti). In pochi secondi la conversazione compare in Conversazioni nella tua dashboard Nexoply. Da quel momento, le modifiche che fai nella dashboard arrivano sul sito in circa un minuto, senza tornare in Squarespace.

• Piano. Se Code Injection manca o è bloccato, il piano del tuo sito non lo include. Serve il piano Business o superiore.
• Riquadro sbagliato. Riapri Code Injection e controlla che il codice si trovi nel riquadro Footer, completo e invariato, da <script a </script>.
• Non salvato o vista non aggiornata. Assicurati di aver fatto clic su Save, poi ricarica il sito pubblicato in una finestra privata invece di controllare mentre sei connesso all’editor.
• Domini consentiti. Se hai impostato Consenti solo su questi siti web nella pagina Chatbot, assicurati che ogni indirizzo usato dai visitatori per il tuo sito sia elencato esattamente (per esempio miostudio.it, oppure *.miostudio.it per i sottodomini).
• Chatbot disattivato o ad blocker. Controlla che l’interruttore Chatbot attivo sia acceso. Raramente un’estensione del browser blocca i widget di chat; prova con un altro browser.

Il design si imposta nella tua dashboard Nexoply, non in Squarespace. In Chatbot → Personalizza puoi scegliere l’icona del pulsante dei messaggi (oppure una tua immagine), l’etichetta di testo, la forma, le dimensioni, i colori e la posizione, oppure usare al suo posto una linguetta laterale sul bordo dello schermo (come "Aiuto"). Puoi impostare un aspetto diverso sugli smartphone e usare le regole per pagina per cambiarlo su pagine scelte (per esempio /menu/*). Adatta la finestra di chat ai caratteri e ai colori del tuo sito Squarespace, aggiungi il tuo logo oppure parti da un modello già pronto. Una schermata iniziale può mostrare i tuoi pulsanti, come Prenota, Chiama o WhatsApp. Il widget usa uno Shadow DOM, quindi gli stili del tuo sito non modificano la chat, e viceversa.

Poi rivedi regolarmente le conversazioni: le domande a cui l’assistente non ha saputo rispondere vengono elencate e possono diventare FAQ con un clic. Leggi come funziona Nexoply per il quadro completo, oppure scopri come aggiungere un chatbot IA a qualsiasi sito web se gestisci anche un sito su un’altra piattaforma.