square-kanbanAX - Kanban

Panoramica

AX - Kanban è un componente di Experience Cloud che mostra record di Salesforce come schede trascinabili organizzate in colonne di workflow nelle pagine di Experience Sites.

Usalo per permettere agli utenti del portale di visualizzare e gestire i workflow—come gli stati dei casi di supporto, le fasi di progetto o le fasi di approvazione. Gli utenti trascinano le schede tra le colonne per aggiornare i valori dei record, mentre tu controlli quali campi vengono visualizzati sulle schede e quali valori di picklist definiscono le colonne. Configura tutto in Experience Builder senza scrivere codice.

Perfetto per portali di assistenza clienti che mostrano l’avanzamento dei casi, portali partner che gestiscono le fasi delle trattative, spazi di collaborazione su progetti o ovunque gli utenti del portale abbiano bisogno di una gestione visiva dei workflow.

Connetti ai dati Salesforce

Questo passaggio essenziale nella configurazione del componente Avonni Kanban stabilisce la connessione tra la tua bacheca Kanban e i dati pertinenti all’interno del tuo ambiente Salesforce.

Ecco come funziona:

  • Selezione dell'oggetto: Inizia scegliendo il particolare oggetto Salesforce (es. Accounts, Opportunities, oggetti personalizzati, ecc.) che contiene i dati che vuoi mostrare sulla tua bacheca Kanban.

  • Filtraggio opzionale: Se desideri mostrare solo un sottoinsieme di dati dall’oggetto selezionato, usa la funzione di filtro per impostare condizioni specifiche. Per esempio, potresti filtrare per mostrare solo le opportunità "Open" o gli account all’interno di una certa regione.

  • Raggruppamento (opzionale): Raggruppa i tuoi dati per organizzare efficacemente la bacheca Kanban. Per esempio, raggruppare le opportunità per "Stage" può creare colonne per "Prospecting", "Negotiation", ecc.

  • Ordinamento: Seleziona un campo "Order By" e la direzione (crescente o decrescente) per determinare l’ordine in cui devono apparire le schede Kanban.

  • Campi aggiuntivi: Se hai bisogno di includere campi nel tuo Kanban che non sono direttamente usati per la visualizzazione o le interazioni, aggiungili nella sezione "Campi aggiuntivi". Questo è particolarmente utile per i campi che vuoi siano ricercabili nella barra di ricerca del Kanban.

Punti chiave

  • Scegliere la fonte di dati corretta garantisce che il tuo Kanban mostri le informazioni più rilevanti per i tuoi utenti.

  • Filtrare e raggruppare semplifica la bacheca, facilitando la visualizzazione e la gestione di elementi di lavoro specifici.

Configurazione delle mappature dei dati

La sezione "Data Mappings" stabilisce una connessione precisa tra i tuoi dati Salesforce e gli elementi visivi della tua bacheca Kanban. Ecco perché è cruciale:

  • Visualizzazione accurata: Le mappature dei dati assicurano che le informazioni estratte dai campi Salesforce siano visualizzate correttamente sulle schede Kanban e nelle colonne della bacheca. Per esempio, potresti mappare il campo Salesforce "Opportunity Name" al titolo di ciascuna scheda Kanban.

  • Funzionalità: Le mappature controllano anche come gli utenti interagiscono con la bacheca Kanban. Ad esempio, mappare un campo "Status" alle colonne del Kanban permette agli utenti di trascinare e rilasciare le schede per aggiornare lo stato direttamente nella bacheca.

Come funziona

  1. Seleziona un campo Salesforce dalla tua fonte di dati configurata.

  2. Mappalo a un attributo del Kanban come titolo della scheda, descrizione, nome della colonna, ecc.

  3. Ripeti questo processo per tutti i campi essenziali che vuoi includere sulla bacheca Kanban

Azioni e interazioni degli elementi

Questa sezione ti consente di personalizzare come gli utenti interagiscono con le schede Kanban, rendendo la bacheca più dinamica e reattiva.

Collegamento a

  • Definisci cosa succede quando un utente clicca su un link specifico all’interno di una scheda Kanban.

  • Usi comuni: Navigare a una pagina di dettaglio del record, aprire un sito esterno o attivare un Salesforce Flow.

Al clic

  • Determina le azioni che si verificano quando un utente clicca in qualsiasi punto di una scheda Kanban.

  • Usi comuni: Espandi la scheda per maggiori dettagli, apri una finestra modale o avvia un processo.

Tipo di interazione
Descrizione

Visualizza una breve notifica pop-up sullo schermo, fornendo un rapido feedback o informazione dopo aver cliccato un marcatore della mappa.

Reindirizza l’utente a una pagina diversa del tuo sito o a un URL, guidandolo verso informazioni più dettagliate sulla posizione cliccata.

Apre una finestra modale con un messaggio di avviso, presentando informazioni importanti o avvertimenti sulla posizione selezionata.

Attiva una finestra di dialogo di conferma, utilizzata per azioni che richiedono una conferma aggiuntiva da parte dell’utente, come la partecipazione a un evento.

Apre una finestra di dialogo che esegue un Salesforce Flow, avviando workflow o processi correlati alla posizione cliccata.

Aspetto e stile

Dimensione

  • Larghezza: Controlla la larghezza orizzontale complessiva della bacheca Kanban.

  • Altezza: Controlla l’altezza verticale complessiva della bacheca Kanban.

  • Overflow: Determina come viene gestito il contenuto se supera le dimensioni della bacheca (le opzioni potrebbero includere 'visible', 'hidden' o 'scroll').

Bordo

  • Dimensione: Spessore del bordo attorno all’intera bacheca Kanban.

  • Stile: Aspetto del bordo (es. solido, tratteggiato).

  • Colore: Colore del bordo.

  • Raggio: Quanto arrotondati sono gli angoli della bacheca.

Intestazione

  • Colore di sfondo: Imposta il colore di sfondo della sezione header del Kanban.

  • Padding (alto, basso, sinistra): Controlla lo spazio interno all’interno dell’header.

  • Margine inferiore: Crea spazio tra l’header e le colonne sottostanti.

Bordo dell’header

  • Colore, dimensione, stile, raggio del bordo: Personalizza l’aspetto di un bordo all’interno dell’header (probabilmente per separarlo visivamente).

  • Bordo inferiore (è unito): Questi attributi probabilmente controllano se il bordo inferiore si fonde visivamente con gli header delle colonne.

Titolo/Didascalia dell’header

  • Colore, dimensione del font, peso del font, stile del font: Controllano l’aspetto del titolo dell’header e di eventuale testo della didascalia.

Avatar dell’header

  • Colore di sfondo/colore primario: Imposta i colori dell’elemento avatar.

  • Utility colore primario: Probabilmente consente di utilizzare classi di utilità colore predefinite.

  • Raggio del bordo: Controlla quanto arrotondato è l’elemento avatar.

Intestazione della colonna

  • Colore di sfondo del percorso: Colore dell’area di sfondo dove viene mostrato il percorso di avanzamento della colonna.

  • Testo di riepilogo/attributi del font: Controllano l’aspetto di eventuale testo di riepilogo all’interno dell’intestazione della colonna.

Dimensionamento delle colonne

  • Larghezza minima/massima: Imposta la larghezza minima e massima consentita per le colonne, influenzando come si ridimensionano.

Scheda

  • Colori di sfondo: Colori per gli stati normale, hover e focus.

  • Colori del bordo: Colori per gli stati normale e focus.

  • Titolo/Descrizione/Testo informativo e attributi del font: Controllano l’aspetto dei vari elementi di testo all’interno di una scheda.

  • Limitazione delle righe: Limita il numero di righe visualizzate per titoli/descrizioni per prevenire l’overflow.

Note importanti

  • Specificità: Gli attributi di stile esatti possono variare leggermente in base all’implementazione di Avonni.

  • Gerarchia visiva: Usa questi attributi in modo strategico per creare una gerarchia visiva chiara e guidare lo sguardo dell’utente

Ultimo aggiornamento

È stato utile?