header-logo
Primi passiScopri come iniziare a costruire il tuo sito con Wix. Scegli un template e personalizzalo, o assumi un professionista per creare o far crescere la tua presenza online.
Creare il tuo sitoScopri come usare l'Editor Wix e gestire i contenuti del tuo sito. Proteggi la privacy dei tuoi visitatori e rendi il tuo sito accessibile.
Account e fatturazioneGestisci le impostazioni del tuo account, i tuoi abbonamenti e i pacchetti Premium, e scopri di più sulle tue fatture.
Usare le app mobile WixUsa l'app Wix per gestire la tua attività, comunicare con i tuoi visitatori e creare la tua community.
Collegare un dominioScopri come acquistare, collegare o trasferire un dominio, e come tenere i dati del tuo sito al sicuro.
Gestire la tua attivitàTrova gli strumenti giusti per costruire e far crescere la tua attività: accetta pagamenti, controlla le tue statistiche, gestisci i tuoi clienti e altro ancora.
Promuovere il tuo sitoScopri come promuovere il tuo sito sui motori di ricerca, inviare campagne email e pubblicare annunci a pagamento.
Studio, Partner ed EnterpriseOttieni il massimo dal tuo account Studio, Partner o Enterprise, e fai crescere la tua attività.
AssistenzaScopri come ottimizzare le prestazioni del tuo sito e risolvere problemi tecnici. Dai un'occhiata alle nuove funzionalità in arrivo nella Roadmap dei prodotti.
placeholder-preview-image
Wix LearnDiventa un esperto con i nostri corsi e tutorial.
Wix BlogScopri i consigli per web design, marketing e molto altro.
SEO Learning HubScopri come far crescere il traffico organico del tuo sito.
Website developmentCrea il tuo sito con la nostra piattaforma full stack.
Assumi un professionistaTrova un esperto che ti aiuti a raggiungere i tuoi obiettivi.
placeholder-preview-image
  1. Home
  2. Creare il tuo sito
  3. Funzionalità avanzate
  4. Gestore contenuti
  5. Collegare gli elementi di input dell'utente al Gestore contenuti
  6. Gestore contenuti: aggiungere e configurare una barra di avanzamento

Gestore contenuti: aggiungere e configurare una barra di avanzamento

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:

  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: 

Hai trovato utile questo articolo?

|

Helpmate

Ciao

Hai bisogno di ulteriori suggerimenti?
Unlock personalized helpLog in to get the most out of Helpmate.