AX - Avatar

Panoramica

AX - Avatar è un componente di Experience Cloud che visualizza foto del profilo, iniziali o icone nelle pagine dei siti Experience per rappresentare utenti, contatti, account o qualsiasi record Salesforce.

Usalo per mostrare profili utente del portale, rappresentanti degli account, elenchi di contatti o identificatori di entità con uno stile visivo coerente. Il componente visualizza automaticamente le immagini quando disponibili o, in alternativa, iniziali o icone.

Perfetto per intestazioni dei profili utente, elenchi dei membri della community, rubriche dei contatti o ovunque gli utenti del portale abbiano bisogno di un'identificazione visiva di persone o entità.

---

Personalizzazione dell'Avatar

Il componente Avonni Avatar ti aiuta a creare rappresentazioni visivamente coerenti di utenti o entità all'interno del tuo sito Salesforce Experience Cloud. Ecco una guida passo passo per personalizzare l'Avatar in base alle tue esigenze:

Visualizzazione delle iniziali

Il componente Avatar offre flessibilità nel modo in cui visualizzi le iniziali:

Inserimento manuale

Se conosci le iniziali che vuoi visualizzare, inseriscile direttamente nel campo "Iniziali".

Generazione dinamica (espressioni)

Per rendere dinamici i tuoi componenti Avonni, puoi usare Espressioni di Experience Cloud. Ad esempio, nel componente Avatar qui sotto, puoi usare la seguente espressione per visualizzare automaticamente il nome dell'utente attualmente connesso:

{!User.Record.Name} 

Puoi sostituire Nome con il nome effettivo del campo che memorizza il nome dell'utente nella tua organizzazione Salesforce.

Se desideri generare automaticamente le iniziali da un nome completo, abilita l'opzione "Iniziali formattate automaticamente". Questa utilizzerà le espressioni di Experience Cloud per estrarre e formattare la prima lettera di ogni parola del nome.

Visualizzazione dinamica delle iniziali dal nome dell'utente corrente

Immagine personalizzata

Aggiungi una foto del profilo, un logo o qualsiasi immagine per rendere l'Avatar immediatamente riconoscibile. Carica la tua immagine utilizzando l'opzione Contenuto selezionato — il componente la ritaglia e la formatta automaticamente per adattarla alla forma dell'Avatar.

Se non viene aggiunta alcuna immagine, l'Avatar mostra invece le iniziali

Variante (forma)

Scegli tra cerchio o quadrato usando il Variante campo per adattarlo al design del tuo portale. Gli avatar circolari funzionano bene per le persone, mentre le forme quadrate si adattano a loghi o icone di entità

Dimensione

Controlla quanto grande appare l'Avatar nella pagina usando la Dimensione proprietà. Le opzioni vanno da molto piccolo su molto grande, così puoi bilanciarlo con il contenuto circostante — più piccolo per elenchi in linea, più grande per intestazioni dei profili.

Testo primario e secondario

Mostra ulteriore contesto accanto all'Avatar aggiungendo campi di testo. Usa Testo primario per le informazioni più importanti (come il nome completo) e Testo secondario per i dettagli di supporto (come il titolo professionale o l'email).

Puoi anche impostare gli stili del carattere per ciascun livello di testo per creare una gerarchia visiva tra le informazioni primarie e secondarie.

Tag

Aggiungi etichette visive per classificare o evidenziare informazioni sull'Avatar. I tag appaiono come piccoli badge e possono essere stilizzati con colori diversi usando l'opzione Variante del tag — utile per mostrare stato, reparto, ruolo o qualsiasi identificatore rapido.

---

Casi d'uso di esempio

Profili utente – Crea intestazioni di profilo complete combinando un'immagine personalizzata con testo primario per il nome dell'utente e testo secondario per il titolo professionale o il reparto. Questo offre agli utenti del portale una rappresentazione chiara e professionale nelle pagine del profilo.

Forum della community – Visualizza gli Avatar accanto ai post e ai commenti, così i membri della community possono identificare rapidamente chi sta contribuendo. Questo aggiunge un tocco personale che incoraggia il coinvolgimento e rende le conversazioni più facili da seguire.

Pagine del team – Metti in evidenza i membri del team con Avatar che includono nomi, ruoli e tag per reparto o competenza. Questo aiuta gli utenti del portale a trovare il contatto giusto e a comprendere la struttura del team a colpo d'occhio.

---

Specifiche

Proprietà

Nome	Descrizione
Iniziali	Inserisci iniziali specifiche da visualizzare all'interno dell'Avatar. Ti consente di definire manualmente le lettere rappresentative per un utente o un'entità
Iniziali formattate automaticamente	Questa funzione genera e visualizza automaticamente le iniziali in base a un nome completo fornito, garantendo una rappresentazione coerente senza input manuale
Nome icona di fallback	Determina l'icona di riserva da mostrare nell'Avatar quando i dati principali (come un'immagine o le iniziali) sono assenti, garantendo continuità visiva
Dimensione	Regola le dimensioni complessive dell'Avatar per adattarlo a vari contesti dell'interfaccia utente
Variante	Scegli tra una forma circolare (cerchio) o quadrata (quadrato) per l'Avatar, in modo da allinearlo alle tue preferenze di design
Nascondi i dettagli dell'Avatar	Attiva o disattiva la visualizzazione di dettagli aggiuntivi associati all'Avatar, come testi o tag
Testo primario	Il testo principale visualizzato accanto all'Avatar, spesso usato per nomi o identificatori principali
Stile del testo primario	Specifica lo stile del carattere per il testo primario, scegliendo tra opzioni come Intestazione 1-4 o Paragrafo 1-2
Testo secondario	Testo aggiuntivo visualizzato sotto il testo primario, adatto a informazioni supplementari o sottotitoli
Stile del testo secondario	Definisci lo stile del carattere per il testo secondario, con scelte che vanno da Intestazione 1-4 a Paragrafo 1-2
Testo terziario	Testo di terzo livello, tipicamente usato per dettagli aggiuntivi o attributi relativi all'Avatar
Stile del testo terziario	Scegli lo stile del carattere desiderato per il testo terziario, con opzioni che includono Intestazione 1-4 e Paragrafo 1-2
Posizione del testo	Specifica l'allineamento o il posizionamento dei testi associati in relazione all'Avatar, consentendo un migliore layout visivo
Tag	Imposta le proprietà per eventuali tag badge associati all'Avatar, offrendo un modo per aggiungere marcatori o indicatori categorici ai tuoi Avatar

Aspetto