Avatar

Übersicht

Die Avonni-Avatar-Komponente zeigt Benutzer- oder Entitätsbilder, Symbole oder Initialen innerhalb von Salesforce an. Ob sie ein Benutzerprofil, einen Kontakt oder eine andere Entität darstellt — der Avatar sorgt für eine konsistente und optisch ansprechende Darstellung.

Avatar anpassen

Die Avonni-Avatar-Komponente hilft Ihnen dabei, visuell konsistente Darstellungen von Benutzern oder Entitäten innerhalb Ihrer Salesforce Experience Cloud-Site zu erstellen. Hier eine schrittweise Anleitung, um den Avatar an Ihre Bedürfnisse anzupassen:

1. Initialen anzeigen

Die Avatar-Komponente bietet Flexibilität bei der Anzeige von Initialen:

Manuelle Eingabe

Wenn Sie die anzuzeigenden Initialen kennen, geben Sie diese direkt in das Feld „Initialen“ ein.

Dynamische Generierung (Ausdrücke)

Um Ihre Avonni-Komponenten dynamisch zu gestalten, können Sie Experience Cloud-Ausdrücke. Beispielsweise können Sie im untenstehenden Avatar die folgende Expression verwenden, um automatisch den aktuell angemeldeten Benutzernamen anzuzeigen:

{!User.Record.Name} 

Sie können Name durch den tatsächlichen Feldnamen ersetzen, der den Namen des Benutzers in Ihrer Salesforce-Organisation speichert.

Wenn Sie Initialen automatisch aus einem vollständigen Namen generieren möchten, aktivieren Sie die Option „Initialen automatisch formatiert“. Dadurch werden Experience Cloud-Ausdrücke verwendet, um den ersten Buchstaben jedes Wortes im Namen zu extrahieren und zu formatieren.

Initialen dynamisch aus dem Namen des aktuellen Benutzers anzeigen

2. Benutzerdefiniertes Bild

• Zweck: Das Hinzufügen eines benutzerdefinierten Bildes erhöht die Personalisierung und macht den Avatar sofort wiedererkennbar. Dies ist ideal für Branding, Benutzerprofile oder jede Situation, in der visuelle Identifikation wichtig ist.

• So passen Sie es an: Laden Sie Ihr Bild über die Option „Ausgewählter Inhalt“ hoch. Die Komponente formatiert es automatisch so, dass es in den Avatar passt.

Wenn Sie kein Bild hinzufügen, werden stattdessen Initialen angezeigt.

3. Variante (Form)

• Zweck: Wählen Sie eine runde oder quadratische Form, die zur Designästhetik Ihrer Site passt.

• So passen Sie es an: Wählen Sie im Feld „Variante“ entweder „circle“ oder „square“.

4. Größe

• Zweck: Passen Sie die Größe des Avatars an, damit er visuell mit anderen Elementen auf Ihren Seiten ausbalanciert ist.

• So passen Sie es an: Stellen Sie die Eigenschaft „Size“ auf eine der folgenden Optionen ein: x-small, small, medium, large, x-large, xx-large.

5. Primär- und Sekundärtext

• Zweck: Fügen Sie Informationen direkt neben dem Avatar hinzu, um weiteren Kontext zu geben. Häufige Verwendungen sind:

  • Vollständiger Name

  • Berufsbezeichnung

  • E-Mail-Adresse

  • Weitere relevante Details

• So passen Sie es an:

  • Verwenden Sie das Feld „Primary Text“ für die wichtigsten Informationen.

  • Fügen Sie zusätzliche Details im Feld „Secondary Text“ hinzu.

  • Wählen Sie geeignete Schriftstile für jede Textebene (z. B. Überschrift, Absatz).

AUSDRÜCKE

6. Tags

• Zweck: Tags bieten eine schnelle Möglichkeit, Avatare zu kategorisieren oder visuelle Schlüsselwörter hinzuzufügen.

• So passen Sie es an: Erstellen Sie Tags, die mit dem Avatar verknüpft sind. Wählen Sie eine unterscheidbare Tag-„Variante“ (z. B. Farbe, Stil), um die Unterscheidung zu erleichtern.

Beispielanwendungsfälle

• Benutzerprofile: Avatare mit benutzerdefinierten Bildern, Namen und Berufsbezeichnungen schaffen eine klare Darstellung auf Profilseiten.

• Community-Foren: Zeigen Sie Benutzer-Avatare neben Kommentaren an, um Engagement und Interaktion zu verbessern.

• Teamseiten: Stellen Sie Teammitglieder mit Avataren dar und fügen Sie relevante Informationen oder Tags hinzu, um die Zusammenarbeit zu unterstützen.

Spezifikationen

Eigenschaften

Name	Beschreibung
Initialen	Geben Sie bestimmte Initialen ein, die innerhalb des Avatars angezeigt werden sollen. Damit können Sie die repräsentativen Buchstaben für einen Benutzer oder eine Entität manuell festlegen
Initialen automatisch formatiert	Diese Funktion generiert und zeigt Initialen automatisch basierend auf einem angegebenen vollständigen Namen an und gewährleistet eine konsistente Darstellung ohne manuelle Eingabe
Fallback-Symbolname	Legt das Ersatzsymbol fest, das im Avatar angezeigt wird, wenn primäre Daten (wie ein Bild oder Initialen) fehlen, und sorgt so für visuelle Kontinuität
Größe	Passen Sie die Gesamtabmessungen des Avatars an, damit er in verschiedene UI-Kontexte passt
Variante	Wählen Sie zwischen einer kreisförmigen (circle) oder einer quadratischen (square) Form für den Avatar, damit er zu Ihren Designvorlieben passt
Avatar-Details ausblenden	Umschalten, um zusätzliche mit dem Avatar verbundene Details wie Texte oder Tags anzuzeigen oder zu verbergen
Primärtext	Der Haupttext, der neben dem Avatar angezeigt wird und oft für Namen oder Hauptkennzeichen verwendet wird
Primärtext-Stil	Geben Sie den Schriftstil für den Primärtext an, wählen Sie aus Optionen wie Überschrift 1–4 oder Absatz 1–2
Sekundärtext	Zusätzlicher Text, der unter dem Primärtext angezeigt wird und sich für ergänzende Informationen oder Unterüberschriften eignet
Sekundärtext-Stil	Definieren Sie den Schriftstil für den Sekundärtext, mit Auswahlmöglichkeiten von Überschrift 1–4 bis Absatz 1–2
Tertiärtext	Text auf dritter Ebene, typischerweise verwendet für zusätzliche Details oder Attribute im Zusammenhang mit dem Avatar
Tertiärtext-Stil	Wählen Sie den gewünschten Schriftstil für den tertiären Text, mit Optionen einschließlich Überschrift 1–4 und Absatz 1–2
Textposition	Geben Sie die Ausrichtung oder Positionierung der begleitenden Texte in Bezug auf den Avatar an, um ein besseres visuelles Layout zu ermöglichen
Tags	Legen Sie Eigenschaften für alle Badge-Tags fest, die mit dem Avatar verbunden sind, um eine Möglichkeit zu bieten, kategorische Markierungen oder Indikatoren zu Ihren Avataren hinzuzufügen

Erscheinungsbild