AX - Progress Indicator

Panoramica

AX - Indicatore di avanzamento è un componente di Experience Cloud che mostra le fasi di un processo come un tracker visivo a step basato sui valori di un campo picklist nelle pagine dei siti Experience.

Usalo per mostrare agli utenti del portale in quale punto si trovano i record in un flusso di lavoro, come stati degli ordini, fasi delle applicazioni, passaggi di onboarding o processi di approvazione. Gli utenti possono vedere l’avanzamento corrente e i passaggi completati. Scegli tra layout orizzontali, verticali o in stile percorso e configura in Experience Builder.

Perfetto per il monitoraggio degli ordini, la visualizzazione dello stato delle richieste, l’avanzamento dell’onboarding, i flussi di approvazione o ovunque gli utenti del portale abbiano bisogno di chiarezza visiva sullo stato di un processo a più fasi.

Nota

Questo componente è solo visualizzazione — legge il valore corrente della picklist e rende visivamente il passaggio corrispondente, ma non aggiorna il record quando un utente fa clic su un passaggio. Per consentire agli utenti di modificare lo stato di un record, è necessario abbinarlo a un componente separato o a una soluzione personalizzata che gestisca l’aggiornamento del record (vedi la sezione FAQ qui sotto)

---

Per iniziare

Usa questo semplice tutorial per imparare le basi del componente Indicatore di avanzamento e iniziare a costruire i tuoi casi d’uso.

---

Impostazioni

🎛️ Proprietà

Nome	Descrizione
Tipo	Scegli tra Base, Verticale, Barra, Cerchio, Percorso, o Verticale stili di navigazione.
Formato	Lineare: flusso di avanzamento standard. Non lineare: l’avanzamento non segue un ordine sequenziale
In ombra	Applica un effetto di ombreggiatura al componente
Fase corrente	Definisci la fase corrente nel flusso di avanzamento.
Allineamento icona	Centro: centra l’icona nella fase. In alto: allinea l’icona nella parte superiore della fase
Dimensione icona	Seleziona tra Piccola, Media o Grande.
Mostra numero della fase	Mostra il numero di ogni fase.
Mostra etichetta della fase	Mostra le etichette di ogni fase.
Nascondi valore barra	Nascondi il valore/la percentuale sulla barra di avanzamento.
Origine dati	Manuale: inserisci manualmente i dati di avanzamento. Valori picklist: usa i valori di una picklist per definire l’avanzamento

🎨 Stile

---

Esempi d’uso

Esempio 1: Percorso del processo di vendita

Guida i tuoi utenti partner attraverso ogni fase del percorso di vendita con un percorso visivo e intuitivo che favorisce l’adozione e mantiene le trattative in movimento.

---

Cosa otterrai

• Esperienza di vendita guidata: Offri agli utenti partner una rappresentazione chiara e visiva della posizione di ciascuna opportunità nel processo di vendita

• Maggiore adozione: Riduci la confusione e migliora il coinvolgimento mostrando le informazioni sulla fase corretta direttamente nel sito Experience

• Visibilità della pipeline: Aiuta i partner a restare allineati sui prossimi passi senza uscire dal portale

---

Come configurarlo

1

Aggiungi il componente alla tua pagina

• Trascina il componente AX – Indicatore di avanzamento in Experience Builder nella pagina desiderata

2

Configura l’origine dati

• Seleziona Controlla i valori della picklist come tipo di origine dati

• Imposta il Nome API oggetto su Opportunità

• Imposta il Campo picklist su Fase

• Imposta il Tipo di record su Master

• Imposta il Ordine di ordinamento su Predefinito

3

Personalizza la visualizzazione

• Imposta il Tipo su Percorso

• Imposta il Fase corrente su {!Item.Stage} per riflettere dinamicamente la fase attiva di ciascuna opportunità

4

Anteprima del tuo lavoro

• Usa l’anteprima di Experience Builder per verificare che il percorso venga renderizzato correttamente nelle diverse fasi dell’opportunità

---

Link

AX - Record Detail

---

Esempio 2: Stato ordine cliente

Offri ai tuoi clienti una chiarezza immediata su dove si trova il loro ordine, dall’inserimento all’evasione, con un indicatore di avanzamento verticale pulito e facile da seguire.

---

Cosa otterrai

• Visibilità dell’ordine in tempo reale: Mostra informazioni aggiornate sullo stato dell’ordine direttamente nel portale clienti

• Riduzione delle richieste di supporto: Consenti ai clienti di monitorare autonomamente l’ordine, riducendo la necessità di contattare l’assistenza

---

Come configurarlo

1

Aggiungi il componente alla tua pagina

• Trascina il componente AX – Indicatore di avanzamento in Experience Builder nella pagina desiderata

2

Configura l’origine dati

• Seleziona Controlla i valori della picklist come tipo di origine dati

• Imposta il Nome API oggetto su Ordine

• Imposta il Campo picklist su Stato

• Imposta il Tipo di record su Master

• Imposta il Ordine di ordinamento su Predefinito

3

Personalizza la visualizzazione

• Imposta il Tipo su Verticale

• Imposta il Fase corrente su {!Item.Status} per riflettere dinamicamente lo stato attivo di ciascun ordine

4

Anteprima del tuo lavoro

• Usa l’anteprima di Experience Builder per confermare che l’indicatore verticale venga visualizzato correttamente nell’intera gamma di stati dell’ordine

---

FAQ

Gli utenti possono fare clic su una fase per aggiornare lo stato del record?

No. AX - Indicatore di avanzamento è un componente di sola visualizzazione. Riflette il valore corrente di un campo picklist ma non scrive di nuovo su Salesforce quando un utente fa clic su una fase. Il Progress Indicator stesso non espone interazioni o azioni nella versione di Experience Cloud.

Suggerimento: Se stai creando una Lightning Page (non un Experience Site), la versione Avonni Dynamic Components del Indicatore di avanzamento supporta interazioni con azioni di aggiornamento record tramite la scheda Interazione

---

Link

AX - Map