# Créer un en-tête de page de détail d’un enregistrement

## Aperçu

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

* [Conteneur Avonni](/experience-cloud/experience-cloud-fr/experience-components/ax-conteneur.md)
* [Objet Média Avonni](/experience-cloud/experience-cloud-fr/experience-components/ax-objet-media.md)
* [Avatar Avonni](/experience-cloud/experience-cloud-fr/experience-components/ax-avatar.md)
* Éditeur de contenu enrichi

<details>

<summary>Pourquoi utiliser ces composants ?</summary>

#### Conteneur Avonni

* **But :** Le conteneur Avonni servira d’élément fondamental de 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’identité du site, garantissant une apparence cohérente. Le conteneur encapsulera l’objet média, l’avatar et le contenu enrichi en une unité cohésive.

#### Objet Média Avonni

* **But :** 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, comme une image de produit à côté de sa description. Cet appariement du média avec le contenu améliore l’engagement visuel et fournit un contexte immédiat aux utilisateurs.

#### Avatar Avonni

* **But :** 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 montrant la photo de profil d’un utilisateur pour un enregistrement de contact. Il ajoute une touche personnelle et rend l’en-tête plus attrayant et plus facile à appréhender visuellement.

#### Éditeur de contenu enrichi

* **But :** L’Éditeur de contenu enrichi permet de créer et d’éditer du contenu en texte enrichi, incluant diverses options de formatage.
* **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 coordonnées ou toute autre donnée pertinente concernant l’enregistrement.

</details>

<figure><img src="/files/4349652501b8e0b7d46242bb780d6bf8d9e0f751" alt=""><figcaption><p>Résultat final</p></figcaption></figure>

## Guide interactif de configuration pas à pas

{% @arcade/embed flowId="WSIrtqDu3Qz8KKpXTMmz" url="<https://app.arcade.software/share/WSIrtqDu3Qz8KKpXTMmz>" %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.avonnicomponents.com/experience-cloud/experience-cloud-fr/tutoriels/cas-dutilisation/creer-un-en-tete-de-page-de-detail-dun-enregistrement.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.