Come aggiungere più widget a un sito web con JavaScript [Desktop]
Le istruzioni riportate di seguito sono valide solo per desktop e laptop.
Se gestisci più proprietà su tawk.to e desideri visualizzare più di un widget di chat sullo stesso sito web, puoi farlo utilizzando una soluzione personalizzata in JavaScript. Questo ti consente di eseguire più widget in modo indipendente — ideale per il supporto multi-brand o per team separati.
Nota: Questo metodo richiede una conoscenza base di programmazione. Se non hai familiarità con HTML e JavaScript, considera di collaborare con uno sviluppatore.
Qual è la differenza tra una proprietà e un widget?
Capire la differenza tra una proprietà e un widget è fondamentale per gestire correttamente la configurazione di tawk.to.
Proprietà
Una proprietà è un contenitore per tutte le tue impostazioni e i tuoi dati. È solitamente associata a un sito web, un’attività, un marchio, un’organizzazione o un evento specifico.
Quando crei una nuova proprietà, stai configurando uno spazio di lavoro separato che può includere:
Widget di chat
Messaggi automatici (trigger)
Base di conoscenza
Scorciatoie
Schede (Tabs)
Agenti
Nota: I componenti aggiuntivi (come AI Assist e Rimozione del Branding) vengono acquistati per singola proprietà e non sono trasferibili tra proprietà.
WidgetUn widget è l’interfaccia di chat che i visitatori vedono. Consente agli utenti di:
Avviare una chat dal vivo
Lasciare messaggi offline
Visualizzare contenuti condivisi tramite le schede del widget
Ogni proprietà può avere fino a 20 widget, e ognuno può essere personalizzato individualmente, incluso:
Design e colori
Lingua di visualizzazione
Regole di visibilità
Comportamento del widget
Nota: I componenti aggiuntivi acquistati per una proprietà si applicano a tutti i widget all'interno di quella proprietà.
Perché non posso usare lo script predefinito per più widget?Per impostazione predefinita, lo script di incorporamento di tawk.to supporta solo un widget per pagina. Se aggiungi più di uno script standard, entreranno in conflitto.
Questo accade perché ogni script di widget utilizza lo stesso oggetto globale (Tawk_API) e gli stessi listener di eventi globali, che non possono essere duplicati sulla stessa pagina.
Per aggirare questa limitazione, puoi iniettare dinamicamente ciascun widget tramite JavaScript, evitando conflitti.
Prima di iniziare: recupera il tuo Property ID e Widget IDAccedi al tuo account tawk.to.
Seleziona la proprietà corretta.
Fai clic su Amministrazione nel menu in alto.
Fai clic su Widget di chat sotto la sezione Canali nel menu a sinistra.
Quindi, copia l'ultima parte del tuo Link diretto: si tratta di una combinazione del tuo Property ID e del tuo Widget ID.
Per caricare diversi widget in modo dinamico, è necessario aggiornare il codice di incorporamento standard specificando il Property ID e il Widget ID corretti.
Aggiorna l’URL dello script in questo modo:
Per cambiare il widget, è sufficiente aggiornare il Widget ID alla fine dell'URL.
Per cambiare sia la proprietà che il widget, aggiorna entrambi gli ID nell’URL.
Esempio con ID reali:
Questo metodo consente a ciascun script del widget di caricarsi in modo indipendente, contribuendo a prevenire conflitti tra più script di widget presenti sulla stessa pagina.
Ecco un esempio di implementazione del codice del widget tawk.to che carica dinamicamente un widget in base all’ID della chat fornito:
Lo scopo della funzione getChatId() è fornire il corretto Property ID e Widget ID nel formato richiesto.
Puoi personalizzare questa funzione per restituire diversi ID di chat in base ai tuoi criteri — come dominio, posizione dell’utente o ruolo dell’utente — a seconda della tua configurazione.
Casi d’uso:
Cambia il widget o la proprietà in base alla lingua della pagina
Considerazioni importanti
Questa soluzione si basa su JavaScript e richiede una conoscenza di base su come modificare il codice del tuo sito web.
Sebbene questo metodo funzioni nella maggior parte dei casi, l’uso di più widget su una singola pagina potrebbe influire sulle prestazioni o causare comportamenti imprevisti, a seconda della struttura del sito.
Non sarà possibile utilizzare l’oggetto Tawk_API globalmente per entrambi i widget. Potrebbe essere necessario uno scripting personalizzato per un controllo avanzato.
Se hai commenti su questo articolo o hai bisogno di ulteriore assistenza:
Contattaci via live chatPrenota una chiamata con il nostro teamVisita la nostra community