AX - Scheda Profilo
Panoramica
AX - Scheda Profilo è un componente di Experience Cloud che mostra informazioni su un utente o un contatto in un formato a scheda stilizzato con foto del profilo, nomi, dettagli e immagini di sfondo opzionali nelle pagine di Experience Sites.
Usalo per mettere in evidenza membri del team, contatti clienti, rappresentanti partner o contributori della community con un formato visivo coerente. Configura quali campi vengono visualizzati, aggiungi immagini del profilo, personalizza lo stile e includi pulsanti di azione in Experience Builder.
Perfetto per elenchi del team, liste di contatti, profili dei membri della community, sezioni "Incontra il tuo rappresentante" o ovunque il tuo portale richieda display di profili professionali.

Questo componente sfrutta gli slot per una personalizzazione avanzata, rendendolo ideale per i siti LWR. I siti Aura non supportano questo livello di personalizzazione.
Tutorial
Configura una Card Avonni per visualizzare le informazioni dell'utente su Experience Cloud, migliorando la personalizzazione.
Slot
Il componente Avonni Profile Card offre un modo flessibile e dinamico per presentare un'ampia gamma di informazioni tramite slot. Questi slot sono aree designate all'interno del componente in cui possono essere inseriti vari altri componenti, consentendo ampia personalizzazione e funzionalità.
Tipi di Slot
Slot Contenuto:
L'area principale per informazioni dettagliate.
Ideale per aggiungere elementi diversi come testo, elenchi, immagini o componenti personalizzati.
Può essere usato per mostrare dati completi o elementi interattivi.
Slot Intestazione:
Dedicato a titoli, intestazioni o contenuti introduttivi.
Adatto per etichette di testo, avatar, icone o qualsiasi componente che fornisca contesto.
Migliora la comprensione immediata dello scopo della Scheda Profilo.
Slot Azioni:
Riservato ad elementi interattivi come pulsanti o collegamenti ipertestuali.
Facilita l'interazione dell'utente, offrendo azioni come modifica del profilo o navigazione.
Aumenta l'interattività della scheda e il coinvolgimento dell'utente.
Impostazioni
Titolo e Stile del Testo del Titolo
Definisci il titolo e il suo aspetto scegliendo tra una varietà di stili di testo come H1, H2, H3, H4, P1 e P2.
Usalo per dare alla tua scheda profilo un'intestazione prominente e stilizzata che catturi l'attenzione.
Sottotitolo e Stile del Testo del Sottotitolo
Aggiungi un sottotitolo e personalizza il suo aspetto, permettendo informazioni contestuali aggiuntive con scelte di stile.
Usa i sottotitoli per fornire informazioni extra, come una posizione o un reparto, migliorando la completezza della scheda profilo.
Background CMS o URL di Sfondo
Personalizza lo sfondo scegliendo un'immagine dal CMS o fornendo un URL, permettendo uno sfondo visivamente arricchito.
Un'immagine di sfondo ben scelta può aggiungere profondità e contesto al profilo, migliorandone l'appeal visivo.
Immagine Avatar CMS o URL Immagine Avatar
Definisci l'avatar selezionando un'immagine dal CMS o usando un URL, permettendo un tocco personale nella rappresentazione del profilo.
Gli avatar aggiungono un tocco personale, rendendo il profilo più coinvolgente e riconoscibile.
Variante e Dimensione dell'Avatar
Personalizza la forma e la dimensione dell'avatar, scegliendo tra varianti come cerchio o quadrato e dimensioni che vanno da x-small a x-large.
Adatta l'aspetto dell'avatar per adattarlo all'estetica complessiva della scheda profilo, assicurando coerenza visiva e appeal.
Posizione dell'Avatar
Posiziona l'avatar sulla scheda, scegliendo posizioni come in alto a sinistra, in alto al centro o in basso a destra, tra le altre.
Regola la posizione dell'avatar per ottenere un layout equilibrato e armonioso all'interno della scheda profilo.
Attributi di Stile dell'Intestazione
Stilizza ampiamente l'intestazione con opzioni per colore di sfondo, colore del testo, dimensione del font, stile, peso e persino personalizzazione del bordo.
Affina l'aspetto dell'intestazione per creare un'intestazione della scheda profilo visivamente accattivante e facilmente leggibile.
Colore di Sfondo e Bordo
Personalizza il colore di sfondo complessivo della scheda e definisci le proprietà del bordo come dimensione, raggio e colore.
Queste funzionalità consentono una maggiore distinzione visiva e rifinitura dell'aspetto della scheda profilo, assicurando che sia allineata alle tue preferenze di design.
Ultimo aggiornamento
È stato utile?
