AX - Carte de profil

Aperçu

AX - Carte de profil est un composant Experience Cloud qui affiche les informations d'utilisateur ou de contact dans un format de carte stylisé avec photos de profil, noms, détails et images d'arrière-plan optionnelles sur les pages des sites Experience.

Utilisez-le pour mettre en valeur des membres d'équipe, des contacts clients, des représentants partenaires ou des contributeurs de la communauté avec un format visuel cohérent. Configurez les champs à afficher, ajoutez des images de profil, personnalisez le style et incluez des boutons d'action dans Experience Builder.

Parfait pour des annuaires d'équipe, des listes de contacts, des profils de membres de la communauté, des sections « Rencontrez votre représentant » ou partout où votre portail nécessite des affichages de profils professionnels.

Ce composant utilise des emplacements pour une personnalisation avancée, ce qui le rend idéal pour les sites LWR. Les sites Aura ne prennent pas en charge ce niveau de personnalisation.

Tutoriels

Nom	Description
Configuration de la carte de profil pour afficher les informations de l'utilisateur actuel	Configurez une carte Avonni pour afficher les informations de l'utilisateur sur Experience Cloud, améliorant la personnalisation.

Emplacements

Le composant Avonni Profile Card offre un moyen flexible et dynamique de présenter une large gamme d'informations via des emplacements. Ces emplacements sont des zones désignées au sein du composant où divers autres composants peuvent être insérés, permettant une personnalisation et des fonctionnalités étendues.

Types d'emplacements

1. Emplacement de contenu :

   • La zone principale pour les informations détaillées.

   • Idéal pour ajouter des éléments variés comme du texte, des listes, des images ou des composants personnalisés.

   • Peut être utilisé pour afficher des données complètes ou des éléments interactifs.

2. Emplacement d'en-tête :

   • Dédié aux titres, rubriques ou contenus d'introduction.

   • Convient aux étiquettes textuelles, avatars, icônes ou à tout composant apportant du contexte.

   • Améliore la compréhension immédiate de l'objectif de la carte de profil.

3. Emplacement d'actions :

   • Réservé aux éléments interactifs tels que boutons ou hyperliens.

   • Facilite l'interaction utilisateur, offrant des actions comme l'édition des profils ou la navigation.

   • Augmente l'interactivité de la carte et l'engagement des utilisateurs.

Paramètres

🎛️ Propriétés

Nom	Description	Utilisation
Titre et style du texte du titre	Définissez le titre et son apparence en choisissant parmi une variété de styles de texte tels que H1, H2, H3, H4, P1 et P2.	Utilisez ceci pour donner à votre carte de profil un en-tête proéminent et stylisé qui attire l'attention.
Sous-titre et style du texte du sous-titre	Ajoutez un sous-titre et personnalisez son apparence, permettant des informations contextuelles supplémentaires avec des choix de style.	Utilisez les sous-titres pour fournir des informations supplémentaires, comme un poste ou un département, améliorant l'exhaustivité de la carte de profil.
Arrière-plan CMS ou URL d'arrière-plan	Personnalisez l'arrière-plan en choisissant une image depuis le CMS ou en fournissant une URL, permettant un fond visuellement enrichi.	Une image d'arrière-plan bien choisie peut ajouter de la profondeur et du contexte au profil, améliorant son attrait visuel.
Image d'avatar CMS ou URL de l'image d'avatar	Définissez l'avatar en sélectionnant une image depuis le CMS ou en utilisant une URL, permettant une touche personnelle dans la représentation du profil.	Les avatars ajoutent une touche personnelle, rendant le profil plus engageant et identifiable.
Variante et taille de l'avatar	Personnalisez la forme et la taille de l'avatar, en choisissant des variantes comme cercle ou carré et des tailles allant de très petit à très grand.	Adaptez l'apparence de l'avatar pour convenir à l'esthétique générale de la carte de profil, garantissant cohérence visuelle et attrait.
Position de l'avatar	Positionnez l'avatar sur la carte, en choisissant des emplacements comme en haut à gauche, en haut au centre ou en bas à droite, parmi d'autres.	Ajustez la position de l'avatar pour obtenir une mise en page équilibrée et harmonieuse au sein de la carte de profil.

🎨 Style