Groupe d'avatars

Aperçu

Le composant Avonni Avatar Group est votre solution pour afficher une collection d'avatars d'utilisateurs ou d'équipes sur vos sites Experience Cloud. Ce composant offre une manière visuellement attrayante et organisée de représenter des individus ou des groupes, améliorant l'expérience utilisateur et fournissant un contexte précieux au sein de votre site.

Options de configuration

Source de données

Indiquez-lui où trouver les informations pour que votre Avatar Group affiche les bonnes personnes. C'est ici que Sources de données entrent en jeu. Pensez-y comme à la connexion de vos avatars au cœur de vos données Salesforce.

Manuel

Cette option convient parfaitement aux petites équipes ou aux situations où vous n'avez besoin d'afficher des avatars que pour un événement ou un projet spécifique.

1. Ajouter chaque personne : Vous saisirez leurs informations directement dans les paramètres de l'Avatar Group pour chaque individu que vous souhaitez inclure.

2. Fournir les informations clés : Ceci inclut :

   • Image de l'avatar : Si vous avez une photo, vous pouvez la télécharger ici.

   • Initiales : Celles-ci seront affichées si aucune image n'est disponible.

   • Autres détails : Vous pouvez inclure des informations supplémentaires comme le titre ou le département de la personne.

Bien que l'option Manuelle nécessite plus d'efforts, elle vous donne un contrôle total sur qui est affiché dans votre Avatar Group.

Requête

Cette option est votre choix de prédilection si votre équipe change fréquemment ou si vous voulez que les avatars correspondent toujours aux informations les plus récentes de votre organisation Salesforce.

Voici comment cela fonctionne :

1. Choisissez votre Objet : Sélectionnez l'objet Salesforce (comme User, Contact ou un objet personnalisé) où se trouvent vos informations d'avatar.

2. Mappez les données : Reliez les attributs de votre groupe d'avatars (comme Nom, Titre, Photo de profil) aux champs correspondants dans l'objet choisi. Cela indique à l'Avatar Group où trouver exactement les bonnes informations pour chaque personne.

En utilisant l'option Requête, votre Avatar Group devient un reflet dynamique de vos données Salesforce, affichant toujours les informations les plus exactes et à jour.

Variante

• Carré : Les avatars sont affichés en carrés, avec un aspect classique et épuré.

• Cercle : Les avatars sont affichés sous forme de cercles, plus modernes et conviviaux.

• Vide : Si aucune image n'est disponible, des initiales ou des icônes de remplacement apparaissent dans des cercles ou des carrés vides. Choisissez cette option pour maintenir une cohérence visuelle même lorsque les données d'image manquent.

Taille

• Contrôlez les dimensions de chaque avatar. Choisissez parmi une gamme de tailles pour s'adapter à la mise en page et au contexte de votre site. Les options incluent x-small, small, medium, large, x-large et xx-large.

Mise en page

• Empiler : Les avatars sont empilés verticalement, idéal pour les espaces étroits ou les barres latérales.

• Grille : Les avatars sont disposés en grille, parfait pour présenter un groupe plus large d'utilisateurs ou d'équipes.

• Liste : Les avatars sont affichés en ligne horizontale, ce qui est utile lorsque l'espace est limité mais que vous souhaitez toujours afficher plusieurs avatars.

Nombre maximal

• Limitez le nombre d'avatars affichés dans le groupe. Cela aide à maintenir une mise en page propre et évite de submerger l'utilisateur avec trop d'éléments visuels.

Initiales formatées automatiquement (Basculer)

• Activez cette option pour afficher automatiquement les initiales des utilisateurs ou des équipes lorsque les images ne sont pas disponibles. Cela fournit une représentation visuelle cohérente même lorsque les données d'image manquent.

Lien vers (Rendez vos avatars interactifs)

Considérez cette section comme donnant un superpouvoir à vos avatars — ils emmènent vos utilisateurs vers quelque chose de nouveau lorsqu'on clique dessus !

Pourquoi est-ce utile ?

• Profils utilisateur : Imaginez afficher une équipe d'experts. En configurant un lien vers une action, cliquer sur un avatar pourrait ouvrir leur page de profil complète.

• Actions personnalisées : Peut-être souhaitez-vous qu'un clic déclenche un Flow spécifique ou redirige vers un site externe.

Comment ça marche :

1. Choisissez votre Type : Sélectionnez où vous souhaitez que le clic emmène vos utilisateurs. Cela peut être vers une page d'enregistrement, une page personnalisée, un Flow ou une URL externe.

2. Personnalisez le nom de l'action : Lors de l'utilisation d'une interaction de navigation, choisissez le nom de l'action à invoquer.

En utilisant la fonctionnalité Lien vers, votre Avatar Group devient plus qu'un simple affichage de visages ; il devient une passerelle vers des informations ou des actions supplémentaires.

Utilisation du composant Avonni Avatar Group

Ces options de configuration vous permettent d'adapter le composant Avonni Avatar Group à vos besoins. Par exemple, vous pouvez mettre en valeur les membres d'une équipe sur une page de projet, afficher les avatars des clients sur les pages de compte ou créer des listes visuellement attrayantes de membres de la communauté.

N'oubliez pas que le composant Avonni Avatar Group est hautement adaptable. Vous pouvez personnaliser davantage son apparence avec des styles et même ajouter des éléments interactifs pour rendre les avatars cliquables ou les lier aux profils utilisateurs.

En tirant parti du composant Avonni Avatar Group, vous pouvez créer une expérience plus personnalisée et informative pour les utilisateurs de votre site Experience Cloud, favorisant les connexions et mettant en valeur l'élément humain au sein de votre communauté en ligne.