Gestore contenuti: aggiungere e configurare una barra di avanzamento
8 min
Aggiungi una barra di avanzamento per mostrare una rappresentazione visiva dei progressi verso il raggiungimento di un obiettivo. Puoi utilizzare il codice Velo o un campo raccolta del Gestore contenuti per rappresentare il valore di avanzamento. Per il valore target, puoi impostare un valore statico che non cambia o impostare un valore dinamico con Velo o collegare un campo della raccolta.

Esempi di utilizzo delle barre di avanzamento:
- Mostra quante attività sono contrassegnate come "completate" in una lista di cose da fare
- Mostra la percentuale di passaggi completati durante un processo di onboarding
- Mostra l'importo raccolto per un obiettivo di raccolta fondi
- Mostra il numero di persone che hanno firmato una petizione che richiede un determinato numero di voti
Suggerimento:
Puoi utilizzare Velo per aggiornare il valore della barra di avanzamento senza collegarti al Gestore contenuti. Per scoprire come fare, vedi l'articolo Utilizzare l'API della barra di avanzamento (articolo in inglese).
Prima di iniziare:
Aggiungi il Gestore contenuti al tuo sito e crea una raccolta che include un tipo di campo "Numero" per il valore di avanzamento. Se vuoi utilizzare un valore dinamico per il valore target, aggiungi anche un campo "Numero" che rappresenti il valore target.
Per aggiungere e configurare una barra di avanzamento:
Editor Wix
Editor Studio
- Vai al tuo Editor
- Assicurati di aver abilitato Velo nell'Editor:
- Clicca su Avanzate in alto
- Clicca su Attiva le modalità avanzate
- Clicca su Aggiungi elementi
sul lato sinistro dell'Editor
- Clicca su Interattivo
- Clicca su Barra di avanzamento sotto Indicatori
- Clicca e trascina la barra di avanzamento che preferisci sulla pagina
- Clicca su Impostazioni nella barra di avanzamento
- Inserisci un'etichetta che consenta ai visitatori e agli screen reader di sapere cosa rappresenta la barra (es. "Progressi verso l'obiettivo")
- Scegli se impostare il valore target come valore dinamico o statico:
Valore target dinamico
Valore target statico