Come utilizzare un collegamento di testo o pulsante

Per aprire il Widget della Chat

Le istruzioni seguenti sono valide solo per desktop e laptop.

Puoi avviare il widget di chat tawk.to da qualsiasi link testuale, immagine o pulsante sul tuo sito web.
Prima di tutto, ottieni il codice del widget.

Segui questi passaggi:


  1. Accedi al tuo account tawk.to.

  2. Seleziona la proprietà corretta.


3.Fai clic su Amministrazione nel menu in alto.

4.Fai clic su Widget di chat sotto la sezione Canali nel menu a sinistra.



5.Copia il codice del widget e incollalo subito prima del tag di chiusura del tuo sito.

6.Aggiorna la pagina per assicurarti che il widget venga caricato correttamente.

Aggiungi un pulsante o un collegamento testuale

Aggiungi un pulsante, un’immagine o un testo su cui i visitatori possono cliccare per aprire la chat:

Per i collegamenti testuali:

Per le immagini:

Quando i visitatori cliccano su questo link, viene attivato Tawk_API.toggle() e si apre il widget della chat.

Nascondi il widget al caricamento della pagina

Per far apparire il widget solo quando viene cliccato:


  1. Vai alle impostazioni del tuo widget di chat.

  2. Nella sezione Comportamento del widget, vai su Impostazioni di visibilità e abilita Nascondi widget al caricamento su desktop.

Le tue modifiche vengono salvate immediatamente. Ora la chat appare solo dopo che il visitatore clicca sul tuo pulsante o collegamento.

Mostrare immagini o testi personalizzati in base allo stato (opzionale)

Ora che hai aggiunto collegamenti testuali o immagini per aprire il widget, puoi mostrare pulsanti o immagini diversi a seconda che gli operatori siano online o offline.


Per prima cosa, aggiungi un elemento <div> specifico nel tuo HTML, nella posizione in cui vuoi che appaia il pulsante o il testo. Non è necessario aggiungere nulla all’interno del div — copia semplicemente il seguente codice esattamente come riportato:

Successivamente, aggiungi e modifica il seguente codice, e inseriscilo subito prima del tag di chiusura </body>:

Questo ti permette di offrire ai visitatori un'esperienza più personalizzata in base alla disponibilità del tuo team.

Considerazioni aggiuntive

  • Questa configurazione funziona al meglio sui browser desktop o tramite la dashboard web di tawk.to.

  • Non è supportata nell'app mobile.

Nota importante sull’implementazione

Assicurati che Tawk_API sia completamente caricato prima di chiamare Tawk_API.toggle().
Se necessario, racchiudi la funzione in un gestore onLoad per evitare errori.


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 179 su 277 è piaciuto quest'articolo

Hai ancora bisogno d'aiuto? Inviaci un messaggio