La webchat consente alla tua azienda di aggiungere al proprio sito web un chatbot che non dipende da altre piattaforme come Facebook, Telegram, WhatsApp o Google. I tuoi clienti non devono creare un account per interagire con il tuo chatbot.

Aggiungere il codice al tuo sito web

1 – Vai su Impostazioni > Canali > Webchat > Gestisci e crea la tua webchat.

Aggiungi il dominio o sottodominio del tuo sito web ai Siti web autorizzati. La webchat verrà caricata solo sui siti web autorizzati.

Dopo aver creato la tua webchat, fai clic sui 3 puntini per ottenere il codice.

Usare la webchat come pagina autonoma

Fai clic sui 3 puntini e su “Ottieni link”.

Il plugin della webchat è molto flessibile e consente numerose personalizzazioni


Nome dell'opzione	Valori possibili/Descrizione	Valore predefinito
type	floating/window/container container: incorpora il chatbot all'interno di qualsiasi elemento HTML window: il chatbot si aprirà in una nuova finestra	floating
element	Utilizzato solo se “type” è “container”. Esempio: “#div1”
headerTitle	Il titolo visualizzato nell'intestazione della webchat	Nome dell'account
color	Qualsiasi nome o codice di colore	#007BFF
hideHeader	Nasconde la sezione che contiene il nome dell'azienda true/false	false
ref	Qualsiasi ID di ref/flusso/passaggio da inviare automaticamente quando l'utente fa clic sull'ICONA della chat. Imposta ref su “get_started_button” per inviare automaticamente il flusso di benvenuto.
showPersona	true/false	false
hideComposer	true/false	false
template	template1/template2
icon	L'icona della chat visualizzata in basso	right
right	Distanza dell'icona dal bordo sinistro dello schermo	20px
bottom	Distanza dell'icona dal bordo inferiore dello schermo	20px
loadMessages	Carica le conversazioni precedenti con il contatto all'apertura della webchat. true/false	true
setCustomFields	Consente di impostare più campi personalizzati. id: ID del campo personalizzato. Puoi utilizzare il nome di un campo di sistema come ID: email, phone, full_name, first_name,last_name	[{id:”email”, value:”…@gmail.com”}, {id:348574, value:”Value here”}]

Cambiare il colore

Cambiare il modello

Attualmente offriamo solo 3 modelli per la webchat. Presto ne creeremo altri.

template1

template2

Mostrare l'immagine del profilo dell'account come avatar.

Cambiare l'icona della chat.

<script src="https://web.chatrace.com/webchat/plugin.js?v=2"></script>
<script>
      ktt10.setup({id: WEBCHAT_HASH, accountId: YOUR_ACCOUNT_ID, showPersona: true, icon: "YOUR_IMAGE_URL"});
</script>

Impostare il valore di un campo personalizzato

La proprietà setCustomFields consente di impostare automaticamente il valore di un campo personalizzato all'apertura della webchat.

<script src="https://web.chatrace.com/webchat/plugin.js?v=2"></script>
<script>
      ktt10.setup(
        {
          id: WEBCHAT_HASH, 
          accountId: YOUR_ACCOUNT_ID, 
          showPersona: true,
          setCustomFields:[
              {id:"email", value:"example@gmail.com"}, 
              {id:"phone", value:"12345678"}, 
              {id:348574, value:"Value here"}
          ]
        });
</script>

Trasferire la conversazione da qualsiasi canale alla webchat.

Non tutti i canali supportano tutte le funzionalità della webchat. Ad esempio, se un cliente sta comunicando con la tua azienda tramite SMS e vuoi mostrargli una galleria con un elenco dei tuoi servizi, puoi trasferire la conversazione alla webchat. Basta inviare all'utente un messaggio con il campo personalizzato di sistema riportato di seguito.

Se vuoi avviare automaticamente un flusso o un passaggio quando l'utente accede a questo link, devi aggiungere &ref=FLOW_OR_STEP_ID. Ad esempio, se FLOW_ID è 111111, il link sarà

{{webchat}}&ref=111111

Il link qui sopra caricherà i messaggi precedenti della conversazione tra il bot e l'utente. Se non vuoi caricare i messaggi precedenti, aggiungi &lc=0 alla fine del link

{{webchat}}&ref=111111&lc=0

Le immagini sono schermate di riferimento del fornitore e possono mostrare il marchio originale.