header-logo
Scopri come creare il sito per la tua attività con Wix.
Progetta il tuo sito con le funzionalità intuitive di Wix.
Gestisci abbonamenti, pacchetti e fatture.
Gestisci la tua attività e comunica con i tuoi membri.
Acquista, trasferisci e collega un dominio al tuo sito.
Fai crescere la tua attività online con gli strumenti giusti.
Aumenta la visibilità del tuo sito con il marketing e la SEO.
Lavora in modo efficace con le funzionalità più avanzate.
Scopri i problemi noti, trova soluzioni o contattaci.
placeholder-preview-image
Diventa un esperto con i nostri corsi e tutorial.
Scopri i consigli per web design, marketing e molto altro.
Scopri come far crescere il traffico organico del tuo sito.
Crea il tuo sito con la nostra piattaforma full stack.
Trova un esperto che ti aiuti a raggiungere i tuoi obiettivi.
placeholder-preview-image

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.   
Screenshot di un esempio di barra di avanzamento
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
  1. Vai al tuo Editor
  2. Assicurati di aver abilitato Velo nell'Editor: 
    1. Clicca su Avanzate in alto
    2. Clicca su Attiva le modalità avanzate
  3. Clicca su Aggiungi elementi  sul lato sinistro dell'Editor
  4. Clicca su Interattivo 
  5. Clicca su Barra di avanzamento sotto Indicatori 
  6. Clicca e trascina la barra di avanzamento che preferisci sulla pagina 
  7. Clicca su Impostazioni nella barra di avanzamento 
  8. Inserisci un'etichetta che consenta ai visitatori e agli screen reader di sapere cosa rappresenta la barra (es. "Progressi verso l'obiettivo")
  9. Scegli se impostare il valore target come valore dinamico o statico: