Personalizzare la posizione del widget con l'API JavaScript
Puoi personalizzare con precisione la posizione del tuo widget utilizzando customStyle nell’API JavaScript di tawk.to, con un controllo al pixel oltre le sei posizioni predefinite sullo schermo.
Questo è utile quando:
Vuoi evitare che il widget si sovrapponga a un menu o a un footer
Stai integrando il widget in un layout o design personalizzato
Vuoi posizioni diverse per le visualizzazioni su mobile e desktop
Puoi impostare il widget affinché appaia in una di queste sei posizioni standard:
Ogni posizione può essere ulteriormente regolata usando offset e rotazione.
Usare offset e rotazione per perfezionare il posizionamento del widget
Gli offset ti permettono di spostare leggermente il widget rispetto alla sua posizione di base:
xOffset: sposta il widget a sinistra o a destra
yOffset: sposta il widget verso l’alto o verso il basso
Nella parte inferiore destra (br), aumentando xOffset il widget si sposta verso sinistra.
Nella parte inferiore sinistra (bl), aumentando xOffset il widget si sposta verso destra.
Nella parte superiore destra (tr), aumentando yOffset il widget si sposta verso il basso.
Nelle posizioni centrate (cl, cr), modificando yOffset il widget si sposta verso l’alto o il basso.
La rotazione è utile per layout verticali o design creativi.
Esempi di codice
Ecco un esempio di codice che mostra i valori accettati per posizione, offset e rotazione:
Ecco un esempio di codice che puoi copiare e incollare prima del codice del widget nell'HTML del tuo sito web:
Definisci sempre customStyle prima dello script di incorporamento del widget. In caso contrario, le modifiche non avranno effetto.
Personalizza il layout del widget separatamente per desktop e mobile, per evitare che interferisca con il layout del tuo sito.
Testa su diversi dispositivi e risoluzioni per assicurarti che tutto sia visualizzato correttamente.
Non è necessario modificare le impostazioni dalla dashboard, poiché le impostazioni a livello di codice le sovrascrivono automaticamente.
Consulta le altre guide sull'API JavaScript per scoprire ulteriori modi per modificare il comportamento e l’aspetto del widget.
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