Avatar

Aperçu

Le composant Avonni Avatar affiche des images, des symboles ou des initiales d'utilisateurs ou d'entités dans Salesforce. Qu'il représente un profil utilisateur, un contact ou toute autre entité, l'Avatar assure une représentation cohérente et esthétiquement agréable.

Personnalisation de l'Avatar

Le composant Avonni Avatar vous aide à créer des représentations visuelles cohérentes des utilisateurs ou des entités au sein de votre site Salesforce Experience Cloud. Voici un guide étape par étape pour personnaliser l'Avatar selon vos besoins :

1. Affichage des initiales

Le composant Avatar offre de la souplesse dans la façon d'afficher les initiales :

Saisie manuelle

Si vous connaissez les initiales que vous souhaitez afficher, saisissez-les directement dans le champ « Initials ».

Génération dynamique (expressions)

Pour rendre vos composants Avonni dynamiques, vous pouvez utiliser Expressions Experience Cloud. Par exemple, dans le composant Avatar ci-dessous, vous pouvez utiliser l'expression suivante pour afficher automatiquement le nom de l'utilisateur actuellement connecté :

{!User.Record.Name} 

Vous pouvez remplacer Nom par le nom réel du champ qui stocke le nom de l'utilisateur dans votre organisation Salesforce.

Si vous souhaitez générer automatiquement des initiales à partir d'un nom complet, activez l'option « Initials Auto Formatted ». Cela utilisera des expressions Experience Cloud pour extraire et formater la première lettre de chaque mot du nom.

2. Image personnalisée

• But : Ajouter une image personnalisée renforce la personnalisation et rend l'Avatar immédiatement reconnaissable. C'est idéal pour l'image de marque, les profils utilisateur ou toute situation où l'identification visuelle est essentielle.

• Comment personnaliser : Téléversez votre image en utilisant l'option « Selected Content ». Le composant la formatera automatiquement pour l'adapter à l'Avatar.

3. Variante (forme)

• But : Choisissez une forme circulaire ou carrée pour compléter l'esthétique de conception de votre site.

• Comment personnaliser : Dans le champ « Variant », sélectionnez soit « circle », soit « square ».

4. Taille

• But : Ajustez la taille de l'Avatar pour assurer un équilibre visuel avec les autres éléments de vos pages.

• Comment personnaliser : Définissez la propriété « Size » sur l'une des options suivantes : x-small, small, medium, large, x-large, xx-large.

5. Texte primaire et secondaire

• But : Ajoutez des informations directement à côté de l'Avatar pour fournir davantage de contexte. Les usages courants comprennent :

  • Nom complet

  • Intitulé du poste

  • Adresse e-mail

  • Autres détails pertinents

• Comment personnaliser :

  • Utilisez le champ « Primary Text » pour l'information la plus importante.

  • Ajoutez des détails supplémentaires dans le champ « Secondary Text ».

  • Sélectionnez des styles de police appropriés pour chaque niveau de texte (par ex. : Heading, Paragraph).

EXPRESSIONS

6. Étiquettes

• But : Les étiquettes offrent un moyen rapide de catégoriser les Avatars ou d'ajouter visuellement des mots-clés associés.

• Comment personnaliser : Créez des étiquettes liées à l'Avatar. Choisissez une « Variant » d'étiquette distinctive (par ex. : couleur, style) pour faciliter la différenciation.

Exemples d'utilisations

• Profils utilisateur : Des Avatars avec images personnalisées, noms et intitulés de poste créent une représentation claire sur les pages de profil.

• Forums communautaires : Affichez les Avatars des utilisateurs à côté des commentaires pour améliorer l'engagement et l'interaction.

• Pages d'équipe : Représentez les membres de l'équipe avec des Avatars, en incluant les informations pertinentes ou des étiquettes pour faciliter la collaboration.

Spécifications