DOCS

Float placement per Hello

Posiziona il widget Hello in un angolo oppure imposta offset esatti in pixel per desktop e mobile.

Hello può essere mostrato in modalità flottante in uno dei quattro angoli della pagina, oppure a una distanza personalizzata da quell'angolo. Configuri questa impostazione separatamente per desktop e mobile in Dashboard, così il widget può collocarsi nel punto più adatto al layout del tuo negozio.

Prima di iniziare 

Assicurati che Hello sia installato sul tuo sito e di poter aprire le impostazioni di Hello in Dashboard.

  1. Vai su Dashboard -> Settings -> Hello.
  2. Trova le impostazioni di visualizzazione che determinano dove appare Hello sulla pagina.

Scegli l'angolo 

Inizia scegliendo l'angolo che Hello deve usare per ciascun tipo di dispositivo:

  • Desktop location — Seleziona la posizione migliore in cui Hello deve apparire sui dispositivi desktop.
  • Mobile location — Seleziona la posizione migliore in cui Hello deve apparire sui dispositivi mobili.

Questi controlli definiscono l'angolo di base. Se lasci la float placement su Default, Hello usa i margini abituali per quell'angolo.

Desktop float placement e Mobile float placement 

Accanto a ciascun controllo di posizione, Dashboard offre Desktop float placement e Mobile float placement per quel viewport. Ognuno ha due modalità:

Default

Default mantiene i margini abituali per l'angolo selezionato. Non devi inserire offset in pixel. Usa questa modalità quando la spaziatura standard dell'angolo è sufficiente.

Custom

Custom ti permette di impostare distanze esatte in pixel, espresse come numeri interi, dai bordi dell'angolo scelto. Le etichette dei campi di offset seguono l'angolo attivo (ad esempio, la distanza dal bordo inferiore e dal bordo destro per un posizionamento in basso a destra).

Per salvare un posizionamento Custom:

  1. Imposta Desktop location o Mobile location sull'angolo desiderato.
  2. Imposta Desktop float placement o Mobile float placement su Custom.
  3. Inserisci offset in pixel, espressi come numeri interi, per entrambi i bordi.
  4. Fai clic su Save.

La float placement Custom richiede offset in pixel espressi come numeri interi per entrambi i bordi. Se uno dei due offset è vuoto o non è un numero intero, Dashboard non salverà quel posizionamento Custom. Lasciare la modalità su Default non richiede i campi di offset.

Sono consentiti offset pari a zero e negativi, se li inserisci. Hello applica i valori che salvi; Dashboard non li riscrive automaticamente entro un minimo o un massimo.

Desktop e mobile sono indipendenti 

Configura desktop e mobile separatamente. Impostare un posizionamento Custom su desktop non modifica il mobile, e rimuovere il Custom da un viewport non lo rimuove dall'altro.

Dopo il salvataggio:

  • Hello flottante appare nell'angolo e con i margini configurati per quel viewport.
  • I messaggi di anteprima (peek) continuano ad aprirsi dal lato corrispondente al posizionamento (sinistra o destra).

Posizionamento Custom e ancoraggi nella pagina 

Se imposti la float placement Custom per un viewport, Hello fluttua a quei margini in pixel per quel viewport. Non rimane in linea presso un elemento di ancoraggio nella pagina.

La float placement Default significa solo che Hello usa i margini abituali per l'angolo scelto. Di per sé non attiva né disattiva l'ancoraggio in linea. Il posizionamento in linea è un aspetto separato dell'integrazione: in Dashboard, configura Hello anchor element in Behavior quando vuoi che Hello sia collegato a un elemento della pagina (in genere su desktop). Lascia la float placement su Default quando desideri i margini standard dell'angolo e non usi offset Custom.

Facoltativo: API 

La maggior parte dei merchant configura la float placement in Dashboard. Se gestisci le impostazioni di Hello tramite API, le sostituzioni facoltative del posizionamento per desktop e mobile possono includere un angolo di ancoraggio più offset orizzontali e verticali in pixel. Quando queste sostituzioni sono impostate, Hello flottante le rispetta nello stesso modo del posizionamento Custom di Dashboard. Preferisci Dashboard per le modifiche quotidiane, a meno che la tua integrazione non aggiorni già le impostazioni di Hello tramite API.

Questa pagina è stata utile?