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.

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.

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