Scopri come integrare il tuo Chatbot personalizzato nel tuo sito web con facilità.

Integrare il chatbot Swiftron nel tuo sito web è semplice e veloce. Con un'integrazione una tantum e senza la necessità di modifiche continue, puoi migliorare il coinvolgimento dei tuoi clienti in modo fluido. Segui questi semplici passaggi per iniziare:

Passaggio 1: Copia il Codice di Integrazione

Vai a Pagina di integrazione di Swiftron e copia il seguente codice:

<script async type="module" project-id="YOUR_PROJECT_ID" lang="auto" src="https://swiftron.eu/static/js/chatbot-boot.min.js"></script>
  • project-id: Questo è il tuo ID progetto unico e sarà precompilato.
  • lang: La lingua di destinazione per il tuo chatbot. Puoi utilizzare:
    • Qualsiasi codice lingua valido da codici lingua ISO 639 (ad esempio, 'en' per l'inglese, 'de' per il tedesco).
    • 'auto', che seleziona la lingua in base alle impostazioni del browser dell'utente.
    • 'site', che utilizza la lingua specificata nell'intestazione HTML del sito web. Questo legge il valore da document.documentElement.lang e imposta la lingua del chatbot di conseguenza.

Passaggio 2: Incollare il codice nel tuo sito web

Utilizzare un Costruttore di Siti Web:

Se stai utilizzando costruttori di siti web come Jimdo, WordPress o Squarespace, segui le loro istruzioni per inserire codice personalizzato:

Gestione del proprio codice:

Inserisci il codice di integrazione copiato nell'HTML di ogni pagina in cui desideri che il chatbot appaia. Ecco un esempio:

<! DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Your Site</title>
  </head>
  <body>
    <div>Your Content</div>
  </body>
  <script async type="module" project-id="YOUR_PROJECT_ID" lang="auto" src="https://swiftron.eu/static/js/chatbot-boot.min.js"> </script>
</html>

Imposta il pulsante di attivazione del chatbot (Opzionale)

Se hai già una casella di comunicazione esistente o vuoi creare il tuo pulsante per aprire o chiudere il chatbot, puoi facilmente integrarlo aggiungendo il suo ID nelle impostazioni di 'Pulsante di attivazione del chatbot' nella Pagina di integrazione di Swiftron.

Esempio:

<button id="btn-toggle-chatbot">La tua icona del chatbot</button>

Basta impostare il campo 'Pulsante di attivazione del chatbot' con l'ID del tuo pulsante, ad esempio 'btn-toggle-chatbot'. Il tipo di pulsante può essere qualsiasi cosa (ad es., div, span). Non è necessario aggiungere alcun JavaScript o gestori di eventi; il chatbot di Swiftron rileverà automaticamente questo pulsante e gestirà la logica necessaria.

Se non viene trovato alcun elemento con l'ID fornito, o se il campo 'Pulsante di attivazione del chatbot' è vuoto, Swiftron creerà il proprio pulsante di attivazione del chatbot sul tuo sito.

Personalizza il posizionamento del chatbot (Opzionale)

Puoi inserire il chatbot in un elemento specifico specificando il suo ID nel campo 'Personalizza il posizionamento del chatbot' nella Pagina di integrazione di Swiftron. Il chatbot apparirà all'interno di questo elemento e sostituirà qualsiasi contenuto esistente al suo interno.

In questo caso, non verrà visualizzato né utilizzato alcun pulsante per attivare il chatbot. Il chatbot sarà sempre visibile all'interno dell'elemento specificato e non potrà essere ridotto dall'utente.