Aggiungi la chat dal vivo al tuo sito web

La chat live è una finestra di chat che si trova in un angolo del tuo sito web; i visitatori ti scrivono direttamente dal tuo sito e i messaggi arrivano nella tua casella di posta CRM. Per l'installazione è sufficiente aggiungere una singola riga di codice al tuo sito.

• Impostazioni chat liveCodice di installazione, aspetto e sicurezza
• PanoramicaI passaggi della piattaforma e le istruzioni per il tuo webmaster
• Posta in arrivoRispondere alle conversazioni

Configurazione

1. Copia il codice — Impostazioni › Live chat Nella pagina, apri la scheda "Carica" e fai clic sul pulsante "Copia codice" nella scheda "Codice widget".
2. Incolla nel tuo sito: inserisci il codice in ogni pagina del tuo sito, subito prima del tag di chiusura </head>. Se il sito utilizza un modello comune o un file di layout, è possibile aggiungerlo una volta.
3. Seleziona — Apri il tuo sito; l'icona di avvio della chat (fumetto) dovrebbe apparire nell'angolo.

Amministratori Panoramica Puoi anche installare dalla sezione "Inizia in pochi passi" della pagina: Il pulsante "Configura piattaforma" mostra le istruzioni passo-passo per WordPress, Shopify, Wix, Squarespace, Webflow, Google Tag Manager, Joomla e "Altro / HTML semplice". "Invia istruzioni al tuo webmaster" invia il codice e i passaggi all'indirizzo email che inserisci; ricevi le risposte.

Se vuoi chattare senza creare un widget, puoi condividere il link della pagina di chat direttamente facendo clic su "Copia collegamento" dalla scheda "Pagina di chat" nella scheda Widget.

Aspetto e testi

Qualsiasi modifica apportata nella scheda " " Widget " ". apparirà nell ' anteprima a destra; premere il pulsante " ",Salva modifiche " al termine. Carte principali:

• Schermata Home → Schermata che appare quando il widget è aperto: avatar, scheda del centro di aiuto, sezione richieste.
• Messaggi → Testi di benvenuto, di benvenuto anonimo (quando il nome del visitatore è sconosciuto) e di ingresso.
• Contesto e collegamenti → Il colore o visuale dietro il saluto; scorciatoie da elencare sulla schermata principale.
• Schermata di chat → & quot; Messaggio di benvenuto & quot; (prima bolla in nuova chat), segnaposto di ingresso, & quot; Nessun agente disponibile & quot; e & quot; Cliente in coda & quot; testi.
• Modulo pre-chat / modulo post-chat → Campi da chiedere prima del primo messaggio; breve valutazione o feedback da mostrare dopo la chiusura della chat.
• Schermi → Quali schede appariranno nella navigazione inferiore e nella schermata predefinita.
• Lanciatore → Icona speciale (JPG, PNG o GIF inferiore a 100 KB), posizione (sinistra o destra) e spazi di margine.
• Stile → Logo chiaro e scuro, & quot; Tema widget predefinito & quot; (Chiaro, Scuro o Sistema).

Traduzioni in altre lingue Localizzazioni Dalla pagina.

Quando nessuno è online

Se nessuno del tuo team è online, il visitatore vedrà "Nessun rappresentante disponibile". La chat rimane aperta; quando si risponde, se il visitatore non è nella chat, la risposta viene inviata a lui / lei via e-mail. Questo richiede l'indirizzo email del visitatore, quindi si consiglia di raccogliere le e-mail con un "modulo pre-chat".

Nella sezione " " Timeout " ". " puoi scegliere cosa succede alle conversazioni senza risposta. Ogni regola viene aperta con una chiave separata e la durata viene inserita in minuti:

• Trasferire a un altro delegato (5 minuti dopo l'apertura): se l'agente non risponde, il cliente viene trasferito a un altro agente disponibile; nei gruppi assegnati manualmente, la chat viene messa in coda.
• Contrassegnare la conversazione come inattiva (10 minuti): le chat passive non vengono conteggiate nel limite di chat simultanee del delegato.
• Chiudi la chat (15 minuti): Il cliente può riaprire la stessa chat scrivendo un nuovo messaggio.

La "Pulizia visitatori" nella stessa scheda determina quanti giorni verranno conservati i visitatori anonimi che non ti hanno mai scritto (default 30 giorni).

Nomi di dominio affidabili

Nella scheda " Sicurezza ", inserire nel campo " Nomi di dominio attendibili " i domini che il widget può caricare, separati da virgole. Utilizza il formato *.example.com per tutti i nomi di sottodominio. Se lo spazio è vuoto, il widget può essere aggiunto a qualsiasi sito. Non dimenticare di salvare la modifica con "Salva modifiche".

Autentica il visitatore

Per abbinare in modo sicuro gli utenti che hanno effettuato l'accesso al tuo sito con i record dei clienti nel tuo CRM, devi firmare l'indirizzo email del visitatore con una chiave segreta sul tuo server (HMAC-SHA256).

1. Ottieni la chiave segreta — nella scheda " Autenticazione " della scheda " Sicurezza ", seleziona " Mostra chiave segreta ", quindi " Copia chiave segreta ' Conserva la chiave solo sul tuo server.
2. Genera la firma sul server — Calcola HMAC-SHA256 in modo che la tua chiave sia la tua chiave segreta, l'indirizzo email del visitatore del messaggio e ottieni il risultato come testo esadecimale (hex).
3. Aggiungi alla pagina — Inserisci l'email e la firma in window.BeChatSettings prima del codice del widget.
4. Se si desidera richiederlo — attivare il tasto " Richiedi autenticazione " e premere il pulsante " Salva modifiche ".

Node.js con firma:

const crypto = require('crypto');

const emailHash = crypto
  .createHmac('sha256', process.env.CANLI_SOHBET_GIZLI_ANAHTAR)
  .update(kullanici.email)
  .digest('hex');

Firma con PHP:

$emailHash = hash_hmac('sha256', $kullanici['email'], getenv('CANLI_SOHBET_GIZLI_ANAHTAR'));

Nella pagina, prima del codice del widget:

<script>
  window.BeChatSettings = {
    user: {
      email: "musteri@ornek.com",
      email_hash: "SUNUCUNUZDA_URETILEN_IMZA"
    }
  };
</script>
<!-- Ardından "Yükle" sekmesinden kopyaladığınız widget kodu -->

Se la firma è valida, il visitatore viene collegato al record del cliente in quella email (o ne viene aperta una nuova) e la sua email viene considerata verificata; la riga "Email verificata" nel pannello cliente mostra "Sì". Gli altri campi aggiunti allo stesso oggetto vengono scritti se esiste un attributo client definito con la stessa chiave. Quando "Richiedi autenticazione" è abilitato, i dati utente senza una firma valida vengono ignorati e il visitatore continua in modo anonimo.

Fonte Visitatore

Il pannello del cliente a destra dell'intervista mostra da dove proviene il visitatore:

• Fonte: Landing page, Referrer e UTM source, tool, campagna, termine, valori dei contenuti. Questi vengono salvati una volta alla prima visita; la successiva navigazione all’interno del sito e i referral dal proprio sito non li modificano.
• Località e lingua: Lingua del browser e lingua dell'orologio. Se la lingua o il fuso orario sono vuoti nel record della persona, verranno riempiti dalla visita; il valore inserito manualmente non verrà sovrascritto.
• Dispositivo: Browser, sistema operativo, dispositivo, indirizzo IP e paese di sessione.

Articoli correlati

• Campagne del sito web
• Scopri BLE AI
• Profilo del cliente
• Panoramica del canale