22

Personalizza il Widget

Ultimo aggiornamento 4 giorni fa

Modificare l'aspetto del widget della chat Come modificare il contenuto del widget Come cambiare la lingua del Widget della Chat Come modificare i messaggi di Benvenuto del tuo Widget di Chat Come personalizzare l’intestazione del widget e le schede

Come modificare la posizione del Widget della Chat

Le istruzioni seguenti sono valide solo per computer desktop e laptop.



Puoi modificare facilmente la posizione del widget di chat tawk.to per adattarlo al layout e al branding del tuo sito web. Di default, il widget appare nell’angolo in basso a destra dello schermo. Tuttavia, puoi scegliere tra sei posizioni standard (alto, centrale o basso, sul lato sinistro o destro dello schermo) direttamente dalla tua dashboard — non è necessario alcun codice.


Passaggi per cambiare la posizione del widget



  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 Chat Widget sotto la sezione Canali nel menu a sinistra. Quindi, fai clic su Avanzate sotto Aspetto del Widget (accanto a Colore del Widget).

5. Sotto “Posizione del Widget su Desktop e Mobile”, scegli la posizione preferita:


  • In alto a sinistra (Top Left)

  • In alto a destra (Top Right)

  • Al centro a sinistra (Center Left)

  • Al centro a destra (Center Right)

  • In basso a sinistra (Bottom Left)

  • In basso a destra (Bottom Right) (predefinito)

6. Fai clic su Salva nell’angolo in basso a destra. Il widget si aggiorna automaticamente sul tuo sito.


Regolare la posizione del widget tramite codice (opzionale)


Se le sei opzioni preimpostate non si adattano al layout — ad esempio, se il widget sovrappone un footer o una barra di navigazione fissa — puoi regolare con precisione la posizione usando l’API di tawk.to.

Il metodo customStyle permette di impostare offset in pixel, rotazione e posizionamento separato per desktop e mobile. Assicurati di definire customStyle prima dello script di embed affinché abbia effetto.

Per istruzioni dettagliate, consulta questa guida: Personalizzare la posizione del widget con l’API JavaScript.

 

Considerazioni aggiuntive


  • Responsive su dispositivi mobili
Su dispositivi mobili, il widget potrebbe riposizionarsi automaticamente per evitare di sovrapporsi a elementi di navigazione o pulsanti importanti. Testa sempre le modifiche su più dispositivi.


  • CSS o script personalizzati
Se il tuo sito include CSS personalizzati o script di terze parti, questi potrebbero sovrascrivere le impostazioni della dashboard. Controlla eventuali regole di posizionamento o z-index se il widget non appare dove previsto.


  • Impostazioni della dashboard vs. impostazioni a livello di codice
Le modifiche effettuate dalla dashboard controllano le posizioni standard. Se hai aggiunto un posizionamento personalizzato tramite l’API JavaScript, queste impostazioni a livello di codice avranno la precedenza sulla dashboard.


  • Test
Dopo aver aggiornato la posizione del widget, visualizza diverse pagine su desktop e dispositivi mobili per assicurarti che il widget non interferisca con altri elementi del sito.

 
 
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 101 su 152 è piaciuto quest'articolo

Hai ancora bisogno d'aiuto? Inviaci un messaggio