Centro Assistenza | Come far sì cheil widget compaia dopo l'invio di un trigger

Come far sì cheil widget compaia dopo l'invio di un trigger

Le istruzioni qui sotto sono valide solo per desktop e laptop.

Usando l’API di tawk.to, puoi mantenere il widget di chat nascosto quando la pagina viene caricata e mostrarlo solo dopo che si verifica un evento di trigger (ad esempio quando succede un’azione specifica sulla pagina).
Questo è utile se vuoi che il widget appaia solo dopo che un visitatore esegue una determinata azione o dopo che il tuo sito invia un messaggio di “trigger”.
Il metodo qui sotto combina una chiamata onBeforeLoad con hideWidget() (per mantenere il widget invisibile all’inizio) e una callback onChatMessageSystem che richiama showWidget() (per rendere il widget visibile quando si verifica il trigger).

Ottieni il codice del widget

Per i passaggi su mobile, consulta queste guide:

1. Accedi al tuo account tawk.to.
2. Seleziona la proprietà corretta.

3. Fai clic su Administration nella barra di navigazione a sinistra.

4. Fai clic su Chat Widget nel sottomenu a sinistra.

5. Copia il Widget Code e incollalo proprio prima del tag </body> del tuo sito.

Inserisci lo snippet API nel tuo script del widget

Aggiungi il seguente snippet di codice al tuo codice widget incorporato, prima della chiusura del tag <script> (quindi all’interno dello snippet già presente, prima del </script>). Lo snippet qui sotto nasconde il widget al caricamento della pagina e lo mostra quando arriva un messaggio di sistema della chat (il “trigger”):

Come funziona

onBeforeLoad viene eseguito prima che il widget si inizializzi completamente; chiamando hideWidget() mantieni l’interfaccia nascosta ai visitatori.
onChatMessageSystem viene attivato quando il widget riceve un messaggio di sistema (il tuo messaggio “trigger”). Chiamando showWidget() rendi il widget visibile al visitatore.

Personalizza il comportamento del trigger (opzionale)

Se vuoi mostrare il widget solo per determinati messaggi di sistema, controlla il parametro message dentro onChatMessageSystem e chiama showWidget() solo quando corrisponde ai criteri desiderati.

Esempio:

In alternativa, puoi utilizzare altri hook dell’API come onChatMessageVisitor, onChatMessageAgent — scegli la callback che meglio rappresenta l’evento che vuoi considerare come trigger.
Per tutte le opzioni disponibili dell’API, consulta la documentazione completa della JavaScript API.

Considerazioni aggiuntive

Posiziona lo snippet correttamente

Aggiungi il codice all’interno dello script del widget tawk.to già presente nel sito (prima del </script> e prima del </body>), in modo che i metodi dell’API siano disponibili quando il widget si carica.

autoStart e start()Se preferisci controllare la connessione socket invece di nascondere l’interfaccia, l’API supporta le opzioni autoStart e start(), che influenzano quando il widget si connette e può essere visualizzato. autoStart è disabilitato, il widget sarà nascosto di default al caricamento della pagina.

Test

Test a il funzionamento su più browser e dispositivi per assicurarti che il widget si comporti come previsto.

Pulisci la cache o utilizza una finestra in incognito quando testi le modifiche allo snippet.

Consenso e privacy
Se il tuo sito richiede un consenso prima di caricare script di tracking o di terze parti (ad esempio per il GDPR), assicurati che l’implementazione rispetti queste regole: non visualizzare né inizializzare il widget prima del consenso, se richiesto.

Guide correlate:

Se hai commenti su questo articolo o hai bisogno di ulteriore assistenza:

Contattaci via live chat
Prenota una chiamata con il nostro team
Visita la nostra community

L'articolo ti è stato d'aiuto?

A 52 su 68 è piaciuto quest'articolo

Hai ancora bisogno d'aiuto? Inviaci un messaggio