websitechatbot.ch

Integrare il chatbot nel suo sito web

Deve inserire una sola riga di codice in un unico punto — e il chatbot apparirà poi automaticamente su ogni pagina del suo sito. Non deve modificare ogni pagina singolarmente.

Il codice

Copi il suo codice widget personale dal dashboard. Ha questo aspetto, con il suo slug al posto di IL-SUO-SLUG:

<script src="https://websitechatbot.ch/widget.js" data-slug="IHR-SLUG" async></script>

Nome, colore e avatar li imposta nel dashboard in Impostazioni → Aspetto. Non deve modificare il codice per questo.

Istruzioni per costruttore di siti

Clicchi sul suo costruttore di siti — la guida dettagliata passo per passo si aprirà. Se il suo provider non è elencato, ci scriva semplicemente: info@websitechatbot.ch.

Sito HTML statico o codice scritto a mano
  1. Se utilizza un include comune per il footer (ad es. footer.html, un include PHP o un template Hugo/Jekyll/Eleventy): incolli il codice widget lì una sola volta, direttamente prima di &lt;/body&gt;. È sufficiente per l'intero sito.
  2. Se ogni pagina è un file HTML separato e non esiste un template comune: il codice deve effettivamente essere inserito prima di &lt;/body&gt; in ogni file. Con VS Code o Sublime Text apra tutti i file e usi Trova e sostituisci su più file: cerchi &lt;/body&gt;, sostituisca con il suo codice widget seguito da &lt;/body&gt;. Fatto in 10 secondi.
WordPress
Questa guida funziona con qualunque tema WordPress (classico o tema Block) e senza che Lei debba modificare direttamente file di codice. Installa un plugin gratuito chiamato „WPCode" che gestisce il codice per Lei.
  1. Apra il browser e digiti nella barra degli indirizzi: il-suo-sito.ch/wp-admin (sostituisca il-suo-sito.ch con il suo indirizzo). Acceda con il suo nome utente e password WordPress.
  2. Nel menu verticale a sinistra: passi il mouse su Plugin e clicchi su Aggiungi nuovo (in inglese: Add New).
  3. Nel campo di ricerca in alto a destra, digiti WPCode. Il primo risultato si chiama WPCode — Insert Headers and Footers + Custom Code Snippets. Clicchi sul pulsante blu Installa ora accanto e aspetti qualche secondo finché non appare Attiva — clicchi anche su quello.
  4. Nel menu di sinistra appare ora una nuova voce Code Snippets. Passi il mouse sopra e clicchi su Header & Footer (in italiano forse Intestazione e piè di pagina).
  5. Vede tre grandi campi di testo: Header, Body, Footer. Clicchi nel campo Footer e incolli il suo codice widget (Ctrl/Cmd + V).
  6. Clicchi sul pulsante blu Save Changes (Salva modifiche) in alto a destra.
  7. Fatto. Apra il suo sito in una nuova scheda e prema Ctrl + Shift + R (Windows) o Cmd + Shift + R (Mac) per un ricaricamento completo. Il pulsante della chat appare in basso a destra.
Wix
Il Custom Code è disponibile solo nei piani Wix a pagamento. Inoltre il suo sito deve essere pubblicato e utilizzare un dominio collegato (ad es. suonome.ch — non suonome.wixsite.com). Sul piano gratuito non funziona.
  1. Vada su wix.com e acceda.
  2. Vedrà i suoi siti elencati — clicchi su Gestisci sito (o Select & Edit Site) per quello che le interessa.
  3. Nel menu a sinistra del dashboard: Impostazioni (Settings) — di solito in fondo.
  4. Scorra fino alla sezione Sviluppo e integrazioni (Development & integrations) e clicchi su Custom Code.
  5. Clicchi sul pulsante + Add Custom Code in alto a destra.
  6. Incolli il suo codice widget nel grande campo di testo Paste the code snippet here.
  7. Imposti le seguenti opzioni: Add Code to Pages = All pages e Load code once. Place Code in = Body – end.
  8. Clicchi su Apply (Applica) in basso a destra. Apra il suo sito in una nuova scheda e lo ricarichi completamente — il pulsante della chat appare.
Squarespace
Code Injection è disponibile solo a partire dal piano Core (Squarespace ha rinominato i piani a fine 2024 — i livelli attuali sono Basic, Core, Plus, Advanced). Il piano Basic non include questa funzione; anche i vecchi abbonamenti „Personal" restano bloccati. Se è sul Basic, dovrà passare a Core (pochi franchi in più al mese).
  1. Acceda a squarespace.com.
  2. Clicchi sul sito che vuole modificare per aprirne la panoramica.
  3. Nel menu a sinistra: Settings (Impostazioni).
  4. Clicchi su Advanced (Avanzate), poi su Code Injection.
  5. Incolli il suo codice widget nel campo Footer. Non in „Header" o „Lock Page".
  6. Clicchi su Save in alto a sinistra. Apra il suo sito in una nuova scheda e faccia un ricaricamento completo (Ctrl/Cmd + Shift + R).
Jimdo
Questa guida vale per Jimdo Creator. Se utilizza Jimdo Dolphin (il nuovo editor AI che ha generato automaticamente il suo sito), l'inserimento di codice personalizzato non è possibile — è una limitazione di Jimdo Dolphin stesso. In tal caso ci scriva a info@websitechatbot.ch e troveremo una soluzione.
  1. Acceda a jimdo.com e apra il suo sito.
  2. Clicchi su Modifica (Edit) in alto a destra per entrare in modalità di modifica.
  3. Apra il menu in alto a sinistra (tre trattini / icona hamburger) e selezioni Impostazioni → Edit Head (o Modifica intestazione).
  4. Incolli il suo codice widget nel campo di testo e clicchi su Salva.
  5. Anche se il codice è nella sezione Head, il widget si carica in modo asincrono e appare comunque in basso a destra su ogni pagina. Ricarichi il suo sito per testare.
Shopify
  1. Acceda al suo admin Shopify (ilsuoshop.myshopify.com/admin).
  2. Nel menu a sinistra: Online Store → Themes.
  3. Sul suo tema attuale (in cima all'elenco) clicchi sul pulsante a tre punti ⋯ accanto a Customize e scelga Edit code.
  4. A sinistra vede un albero di file. Apra la cartella Layout e clicchi sul file theme.liquid.
  5. Prema Ctrl/Cmd + F per aprire una ricerca e cerchi &lt;/body&gt;. Posizioni il cursore sulla riga vuota subito sopra e incolli il suo codice widget.
  6. Clicchi su Save in alto a destra. Apra il suo shop in una nuova scheda e lo ricarichi — il pulsante della chat appare in basso a destra.
Webflow
Il codice personalizzato viene eseguito solo su siti con un Site Plan attivo. Su un URL gratuito .webflow.io senza piano, il codice non viene caricato. Se utilizza Webflow gratuitamente, deve prima attivare un Site Plan (da circa USD 14/mese).
  1. Apra il suo progetto nel Webflow Designer. In alto a sinistra accanto al logo Webflow: clicchi sull'icona dell'ingranaggio per Site Settings.
  2. Clicchi sulla scheda Custom Code.
  3. Scorra fino alla sezione Footer Code (prima del tag body di chiusura) e incolli lì il suo codice widget.
  4. Clicchi su Save Changes.
  5. Di nuovo nel Designer: in alto a destra clicchi su Publish → Publish to Selected Domains. Importante: il codice diventa attivo solo dopo la pubblicazione — l'anteprima da sola non basta.
IONOS MyWebsite
Due cose da sapere: (1) Il modulo HTML (Codice Head personalizzato) non è incluso in tutti i piani MyWebsite Now — i piani entry-level più economici non lo prevedono. Se non trova „Codice Head personalizzato" nelle Impostazioni del suo editor, dovrà passare a un piano che include il modulo HTML. (2) IONOS carica il codice personalizzato solo dopo che i visitatori hanno accettato il banner dei cookie. Il pulsante della chat appare quindi dopo il clic su „Accetta". Se un visitatore rifiuta i cookie, il chatbot non apparirà. Questa guida vale per MyWebsite Now; MyWebsite Creator è un prodotto separato con un editor diverso — se utilizza Creator, ci scriva per i passaggi corretti.
  1. Acceda a ionos.it (o ionos.ch) e apra l'editor MyWebsite.
  2. Nel menu a sinistra: Impostazioni.
  3. Clicchi su Codice Head personalizzato (in inglese: Custom Head Code).
  4. Incolli il suo codice widget nel campo di testo e clicchi su Salva.
  5. Clicchi su Pubblica in alto a destra affinché la modifica diventi attiva.
STRATO Homepage-Baukasten
STRATO non offre un'iniezione di codice globale. Al suo posto, inserisce il widget una sola volta in un<strong>area che appare su ogni pagina</strong> — di solito il blocco footer. Se ha solo una home page, è sufficiente posizionarlo lì.
  1. Acceda alla sua area clienti STRATO e clicchi su Webseite bearbeiten (Modifica sito).
  2. Nell'editor: Inhaltselemente → Standardelemente. Cerchi l'elemento Embed.
  3. Tenga premuto l'elemento Embed con il mouse e lo trascini nella sua area footer (o un'altra area visibile su ogni pagina del suo sito).
  4. Una volta posizionato l'elemento Embed, vede una piccola icona dell'ingranaggio in alto a destra dell'elemento. La clicchi.
  5. Nella finestra popup: incolli il suo codice widget nel campo Embed-Code e clicchi su Speichern (Salva).
  6. Clicchi su Veröffentlichen (Pubblica) in alto a destra nell'editor. Apra il suo sito in una nuova scheda e lo ricarichi completamente — il pulsante della chat appare.
Hostpoint Sites
Hostpoint Sites non offre un'iniezione di codice globale. Inserisca il widget una sola volta nell<strong>area footer</strong> — nella maggior parte dei modelli Sites il footer è condiviso tra tutte le sottopagine. Se il footer del Suo modello <em>non</em> è condiviso tra le pagine, dovrà aggiungere lelemento Embed su ogni pagina singolarmente.
  1. Acceda al Hostpoint Control Panel e apra il suo sito Sites in modalità di modifica.
  2. Clicchi in un punto della sua area footer (l'area in basso che appare su ogni pagina) su + Aggiungi elemento.
  3. Selezioni l'elemento Embed (o Inserisci HTML).
  4. Incolli il suo codice widget nel campo di testo e clicchi su Applica o Salva.
  5. Clicchi su Pubblica in alto. Ricarichi il suo sito — il pulsante della chat appare in basso a destra.
Localsearch (MyWEBSITE)
Localsearch (Swisscom Directories) crea e gestisce il suo sito web come servizio completo. Di solito non può quindi inserire codice da sola/o — il modo più affidabile è chiedere al supporto di Localsearch di aggiungerlo per lei. In quanto cliente ne ha diritto, e per il supporto è questione di pochi minuti.
  1. Apra il modulo di supporto di Localsearch.
  2. Chieda al supporto di inserire il codice del widget nel piè di pagina del suo sito, oppure subito prima del tag di chiusura &lt;/body&gt; — così il chatbot appare su tutte le pagine. Usi semplicemente il modello qui sotto.
  3. IL-SUO-SLUG è il suo identificativo personale. Ecco come trovarlo: acceda alla sua dashboard e guardi la barra degli indirizzi del browser — il suo identificativo è la parte dopo /dashboard/. Esempio: in websitechatbot.ch/it/dashboard/lamiaazienda-ch, l'identificativo è lamiaazienda-ch. Sostituisca IL-SUO-SLUG nel modello con esattamente questo valore.
  4. Non appena Localsearch conferma che è online, il pulsante della chat appare in basso a destra. Ricarichi il sito una volta (Ctrl + Maiusc + R).

Modello da copiare:

Buongiorno,

Sono cliente di MyWEBSITE e vorrei aggiungere un piccolo strumento (un chatbot) sul mio sito web.

Potreste inserire la seguente riga di codice nel piè di pagina del mio sito, oppure subito prima del tag di chiusura </body>, in modo che sia presente su tutte le pagine:

<script src="https://websitechatbot.ch/widget.js" data-slug="IL-SUO-SLUG" async></script>

Vi prego di pubblicare il sito una volta effettuata la modifica e di confermarmi non appena è online.

Grazie e cordiali saluti
Google Sites
Attenzione: Google Sites esegue tutto il codice incorporato in un riquadro iframe fisso. Il nostro codice widget verrà caricato, ma con limitazioni: il pulsante della chat rimane bloccato all'interno di quel rettangolo (invece di fluttuare in basso a destra della pagina), la finestra della chat non può espandersi oltre quel rettangolo, e deve aggiungere l'embed manualmente su ogni pagina — non c'è iniezione globale. Se desidera provare comunque, o ha bisogno di aiuto per passare a un costruttore che funziona correttamente, ci scriva a info@websitechatbot.ch — la aiuteremo volentieri.

Verificare

  1. Apra il suo sito in una nuova scheda e faccia un ricaricamento completo: Ctrl + Shift + R (Windows) o Cmd + Shift + R (Mac). Questo aggira la cache del browser.
  2. In basso a destra dovrebbe apparire entro 1–2 secondi un pulsante rotondo per la chat.
  3. Lo clicchi → la finestra della chat si apre. Ponga una domanda sulla sua attività (ad es. sugli orari di apertura) per verificare che le risposte corrispondano al suo sito.

Se non appare nulla

  • Apra la console del browser (tasto destro sulla pagina → Ispeziona → scheda Console). Se appare un messaggio di errore con data-slug attribute is required, lo slug manca o è scritto male.
  • Codice davvero salvato? Molti CMS richiedono un ulteriore clic su „Pubblica" / „Publish" — il solo salvataggio spesso non basta. Su Webflow ad es. deve cliccare su Publish to Selected Domains.
  • Content Security Policy: se il suo sito ha una CSP rigorosa (molto raro su siti di PMI), consenta script-src https://websitechatbot.ch e connect-src https://websitechatbot.ch.
  • Il widget è coperto da altri contenuti: molto raro. Ci scriva un'e-mail, risolveremo insieme.

Aiuto per l'integrazione

Ha un altro costruttore di siti o l'integrazione non funziona? Risponda semplicemente alla sua e-mail di benvenuto o scriva a info@websitechatbot.ch — la aiutiamo personalmente con l'integrazione, gratuitamente.