Una elegante barra di avanzamento, visibile solo su mobile, permette ai tuoi utenti di vedere esattamente a che punto si trovano all'interno di Sondaggi e Quiz multi-step. Aggiungendo un indicatore visivo, riduci i tassi di abbandono e mantieni gli utenti motivati a completare il percorso, il tutto in linea con i colori del tuo brand.
Cos'è la Barra di Avanzamento Mobile per Sondaggi e Quiz?
La barra di avanzamento mobile aggiunge una linea di riempimento dinamica ai sondaggi e quiz multi-step quando vengono visualizzati su dispositivi mobili. Rimane nascosta su desktop e nei moduli a singolo step, mantenendo l'interfaccia pulita e fornendo chiarezza dove è più importante. Questo aiuta ad aumentare i tassi di completamento dei moduli, offrendo agli utenti visibilità sulla propria posizione e su quanto manca alla fine.
Vantaggi principali della Barra di Avanzamento Mobile
Guida visiva: Mostra ai rispondenti quanti step rimangono, riducendo l'abbandono
Coerenza del brand: Scegli colori personalizzati per il testo degli step, il riempimento della barra e i segmenti inattivi, in linea con la tua identità visiva
Integrazione senza attrito: Completamente compatibile con entrambi i tipi di footer "Fissa alla card" e "Fissa alla pagina"
Tassi di completamento più alti: Un feedback chiaro sull'avanzamento incoraggia gli utenti a completare il modulo
Come configurare la Barra di Avanzamento Mobile
Segui questi passaggi per attivare rapidamente la barra di avanzamento mobile e iniziare a migliorare il completamento dei moduli. I passaggi sono identici sia per i quiz che per i sondaggi.
Step 1: Vai a Sondaggi o Quiz
Nella barra di navigazione laterale della tua Location, clicca su Siti (Sites)
Nel menu di navigazione superiore, seleziona Surveys o Quizzes
Step 2: Apri il Quiz o il Sondaggio
Per modificare un quiz o sondaggio esistente, clicca sull'icona dei 3 puntini accanto al modulo/sondaggio e seleziona Modifica (Edit)
Per creare un nuovo quiz/sondaggio, clicca sul pulsante blu + Add Survey o + Add Quiz in alto a destra
Step 3: Apri Stili e Opzioni (Styles & Options)
Clicca su Styles & Options in alto a destra nel builder
Step 4: Attiva la Barra di Avanzamento
Scorri verso il basso e espandi la sezione Footer
Usa il menu a tendina del selettore dispositivo accanto a Footer e scegli Telefono (Phone). Non sarà possibile attivare la barra di avanzamento in modalità desktop
Attiva il toggle Abilita Barra di Avanzamento (Enable Progress Bar)
Step 6: Personalizza i colori
Imposta i colori di Colore testo step (Step Text Color), Riempimento barra (Progress Bar Fill) e Barra inattiva (Progress Bar Inactive) in linea con il tuo brand
Una volta completata la personalizzazione del brand, clicca sul pulsante blu Salva (Save) per salvare le modifiche
Personalizzare i colori della Barra di Avanzamento
Abbina la barra di avanzamento al tuo brand utilizzando tre selettori di colore flessibili. Ogni selettore accetta valori HEX per una personalizzazione precisa del brand.
Colore testo step (Step Text Color): controlla l'etichetta con il numero dello step (es. "1 di 3")
Riempimento barra (Progress Bar Fill): definisce la porzione riempita della barra
Barra inattiva (Progress Bar Inactive): definisce il segmento non ancora completato.
Domande frequenti
D: La barra di avanzamento appare anche su desktop?
No. È visibile solo su mobile; gli utenti desktop vedranno gli indicatori standard.
D: Perché il toggle "Abilita Barra di Avanzamento" nelle impostazioni del Footer è disattivato (grigio)?
Cambia prima il selettore dispositivo del builder su Telefono (Phone). In modalità desktop, il toggle non è selezionabile.
D: Cosa succede se il mio sondaggio o quiz ha un solo step?
La barra di avanzamento viene nascosta automaticamente nei sondaggi e quiz a singolo step, poiché non c'è alcun avanzamento da mostrare.
D: La barra di avanzamento funziona sia con il footer "Fissa alla card" che "Fissa alla pagina"?
Sì. Si integra perfettamente con entrambi i tipi di footer "Fissa alla card" e "Fissa alla pagina".
D: I miei sondaggi e quiz multi-step già esistenti mostreranno automaticamente la barra di avanzamento?
No. La funzione è disattivata per impostazione predefinita e deve essere abilitata singolarmente in ogni sondaggio e quiz.