# Crear el encabezado de una página de detalles de registro

## Descripción general

Este tutorial construirá un encabezado de página de registro para un sitio de Experience Cloud integrando varios componentes, incluidos tipos Estándar y Avonni. Se utilizarán los siguientes componentes:

* [Contenedor Avonni](/experience-cloud/experience-cloud-es/experience-components/ax-contenedor.md)
* [Objeto multimedia Avonni](/experience-cloud/experience-cloud-es/experience-components/ax-objeto-multimedia.md)
* [Avatar Avonni](/experience-cloud/experience-cloud-es/experience-components/ax-avatar.md)
* Editor de contenido enriquecido

<details>

<summary>¿Por qué usar estos componentes?</summary>

#### Contenedor Avonni

* **Propósito:** El Contenedor Avonni actuará como el elemento fundamental de nuestro encabezado. Proporciona un espacio estructurado y personalizable para todos los demás componentes.
* **Por qué usarlo:** Es esencial para mantener un diseño limpio y puede estilizarse para alinearse con la imagen de marca del sitio, asegurando una apariencia y sensación coherentes. El contenedor encapsulará el objeto multimedia, el avatar y el contenido enriquecido en una unidad cohesiva.

#### Objeto multimedia Avonni

* **Propósito:** Este componente muestra medios junto a un bloque de contenido, típicamente una imagen o video junto al texto.
* **Por qué usarlo:** En el encabezado, el Objeto multimedia Avonni puede mostrar de manera elegante una imagen o ícono relevante junto a la información principal del registro, como una imagen de producto junto a su descripción. Esta combinación de medios con contenido mejora el atractivo visual y proporciona contexto inmediato a los usuarios.

#### Avatar Avonni

* **Propósito:** Avatar Avonni muestra una imagen de un usuario o entidad, que puede representar a una persona, una empresa u otra entidad.
* **Por qué usarlo:** En el encabezado, el avatar puede representar visualmente el sujeto del registro, por ejemplo mostrando la foto de perfil de un usuario para un registro de contacto. Añade un toque personal y hace que el encabezado sea más cercano y atractivo visualmente.

#### Editor de contenido enriquecido

* **Propósito:** El Editor de contenido enriquecido permite crear y editar contenido de texto enriquecido, incluyendo varias opciones de formato.
* **Por qué usarlo:** Este componente puede usarse en el encabezado para proporcionar información detallada sobre el registro de manera formateada y fácil de usar. Ofrece flexibilidad en cómo se presenta el texto, ya sea una breve descripción, información de contacto o cualquier otro dato relevante sobre el registro.

</details>

<figure><img src="/files/587cf9064edcfd8668a9edbcd7f1763f98e32caa" alt=""><figcaption><p>Resultado final</p></figcaption></figure>

## Guía interactiva de configuración paso a paso

{% @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-es/tutoriales/casos-de-uso/crear-el-encabezado-de-una-pagina-de-detalles-de-registro.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.