websitechatbot.ch

Integrare il chatbot nel suo sito web

Deve inserire una sola riga di codice in un unico punto — nel template del footer del suo sito. Il chatbot apparirà poi automaticamente su ogni pagina. 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 CMS

WordPress

  1. Nell'area Admin: Aspetto → Editor del tema → aprire footer.php (o installare un plugin come „Insert Headers and Footers" / „WPCode").
  2. Incollare il codice del widget direttamente prima di </body>.
  3. Salvare il file. Fatto — il chatbot appare su tutte le pagine.

Shopify

  1. Nell'Admin: Online Store → Themes → Actions → Edit code.
  2. Aprire il file theme.liquid.
  3. Incollare il codice del widget direttamente prima di </body> e salvare.

Wix

  1. Impostazioni → Custom Code → + Custom Code.
  2. Incollare il codice del widget nel campo di testo.
  3. Selezionare „Apply to: All pages" e „Place code in: Body – end". Salvare.

Squarespace

  1. Impostazioni → Advanced → Code Injection.
  2. Incollare il codice del widget nel campo „Footer" e salvare.

Webflow

  1. Project Settings → Custom Code → Footer Code.
  2. Incollare il codice del widget, salvare e ripubblicare la pagina.

Jimdo

  1. Impostazioni → Intestazione e piè di pagina → HEAD o Footer.
  2. Incollare il codice del widget nell'area Footer e salvare.

Pagina HTML statica

  1. Se utilizza un include comune per il footer (ad es. footer.html, PHP-include): lo inserisca lì una sola volta.
  2. Senza un template comune, il codice deve essere effettivamente inserito su ogni file HTML — in questo raro caso aiuta un editor di testo con „Trova e sostituisci".

Verificare

  1. Aprire la pagina nel browser e ricaricarla completamente (Ctrl/Cmd + Shift + R).
  2. In basso a destra dovrebbe apparire un pulsante rotondo per la chat.
  3. Cliccare → la finestra della chat si apre. Ponga una domanda tratta dal suo contesto.

Se non appare nulla

  • Apra la console del browser (tasto destro → Ispeziona → Console). Se appare data-slug attribute is required, lo slug manca o è scritto male.
  • Codice davvero salvato? Molti CMS richiedono un ulteriore clic su „Pubblica" / „Publish".
  • Content Security Policy: se il suo sito ha una CSP rigorosa, 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 CMS o l'integrazione non funziona? Risponda semplicemente alla sua e-mail di benvenuto o scriva a info@websitechatbot.ch — la aiutiamo personalmente.