Come impostare la posizione di un Pop Up personalizzato
Puoi caricare il tuo logo o un'altra immagine personalizzata come Pop Up personalizzato per far sapere ai visitatori del sito web che un agente è disponibile e pronto a chattare tramite il widget.
Dato che i Pop Up personalizzati variano in quanto a dimensioni e forma, abbiamo pensato a un modo per impostare il posizionamento esatto per la tua immagine.
Segui i passaggi per uno dei due metodi riportati di seguito. Puoi trascinare e rilasciare il tuo Pop Up nella posizione desiderata manualmente o utilizzare l'API JavaScript per un posizionamento più preciso.
Posizionare manualmente un Pop Up personalizzato
Se disponi di più proprietà, assicurati di visualizzare quella corretta passando con il mouse sull'icona menù nella parte superiore del Pannello di Controllo.
Dal Pannello di Controllo di tawk.to, vai a ⚙️amministrazione➞ Canali➞ Widget Chat.
3.Fai clic su Chat Widget nel sottomenu a sinistra.
4.Nella sezione Widget Appearance, fai clic su Advanced.
5. Si aprirà l’editor Widget Appearance. Nella sezione Attention Grabber, attiva l’interruttore Enabled.
6.Fai clic su Gallery.
7.Nella finestra pop-up Select Attention Grabber, fai clic su Upload nell’angolo in basso a destra. Quindi, seleziona un’immagine dal tuo computer.
Per ottenere i migliori risultati:- Formati file supportati: .png, .jpg
- Dimensione massima del file: 1 MB
- Dimensioni ideali: 100 × 100 pixel
8.Dopo il caricamento, vedrai l’immagine comparire nell’anteprima a destra dell’editor.
Ora puoi regolare come viene visualizzata l’immagine:
- Abilita o disabilita “Place image in front of widget” per controllare se l’immagine appare davanti o dietro il widget.
- Ruota l’immagine — fai clic su 90° CW (in senso orario) o 90° CCW (in senso antiorario).
- Trascina l’immagine nell’anteprima per posizionarla attorno al widget. Puoi spostarla ovunque all’interno della casella grigia che circonda il widget.
9.Quando sei soddisfatto della posizione, fai clic su Save.
Puoi anche impostare la posizione di un Attention Grabber personalizzato utilizzando l’oggetto customStyle nell’API JavaScript.
Aggiungi il codice seguente al tuo codice widget esistente e aggiorna i valori di xOffset e yOffset in base alla posizione desiderata.Considerazioni aggiuntive
- Gli Attention Grabber vengono mostrati solo sui browser desktop
I visitatori che utilizzano telefoni cellulari o tablet non vedranno l’Attention Grabber.
- L’Attention Grabber appare solo quando il widget è online
Se il tuo widget è offline o non ci sono agenti disponibili, l’immagine non verrà visualizzata.
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