Construire un en-tête de page de détails d'enregistrement

Aperçu

Ce didacticiel construira un en-tête de page d’enregistrement pour un site Experience Cloud en intégrant divers composants, y compris des types Standard et Avonni. Les composants suivants seront utilisés :

• Conteneur Avonni

• Objet Média Avonni

• Avatar Avonni

• Éditeur de Contenu Riche

Pourquoi utiliser ces composants ?

Conteneur Avonni

• Objectif : Le conteneur Avonni servira d’élément de base pour notre en-tête. Il fournit un espace structuré et personnalisable pour tous les autres composants.

• Pourquoi l’utiliser : Il est essentiel pour maintenir une mise en page propre et peut être stylisé pour s’aligner sur l’image de marque du site, garantissant une apparence cohérente. Le conteneur encapsulera l’objet média, l’avatar et le contenu riche en une unité cohésive.

Objet Média Avonni

• Objectif : Ce composant affiche un média à côté d’un bloc de contenu, généralement une image ou une vidéo à côté du texte.

• Pourquoi l’utiliser : Dans l’en-tête, l’objet média Avonni peut afficher élégamment une image ou une icône pertinente à côté des informations principales de l’enregistrement, par exemple une image de produit à côté de sa description. Cet appariement du média et du contenu améliore l’engagement visuel et fournit un contexte immédiat aux utilisateurs.

Avatar Avonni

• Objectif : L’Avatar Avonni affiche une image d’utilisateur ou d’entité, qui peut représenter une personne, une entreprise ou toute autre entité.

• Pourquoi l’utiliser : Dans l’en-tête, l’avatar peut représenter visuellement le sujet de l’enregistrement, par exemple en affichant la photo de profil d’un contact. Il ajoute une touche personnelle et rend l’en-tête plus attrayant et plus proche des utilisateurs.

Éditeur de Contenu Riche

• Objectif : L’Éditeur de Contenu Riche permet de créer et d’éditer du contenu texte enrichi, incluant diverses options de mise en forme.

• Pourquoi l’utiliser : Ce composant peut être utilisé dans l’en-tête pour fournir des informations détaillées sur l’enregistrement de manière formatée et conviviale. Il offre de la flexibilité dans la présentation du texte, que ce soit une brève description, des informations de contact ou toute autre donnée pertinente sur l’enregistrement.

Résultat final

Guide de configuration interactif étape par étape