> For the complete documentation index, see [llms.txt](https://help.citrusad.com/retail-media-interface/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.citrusad.com/retail-media-interface/integration/es/generating-ads/banner-x-responsive/banner-x-elements.md).

# Formatos de espacios publicitarios y elementos de banner X

Banner X te permite personalizar y utilizar varios elementos para los banners. Puedes combinar estos elementos para crear campañas de banner X adaptables.

## Formatos de espacios de banner

Banner X se pueden implementar en una variedad de formatos debido a su naturaleza flexible.

Por lo general, recomendamos utilizar 3 formatos estándar:

* **Banner**: Posicionado a lo largo de todo el ancho de un área de compra, normalmente en la parte superior de una página relevante, como por encima de los resultados de búsqueda o de las listas de categorías.
* **Mosaico individual**: Posicionado en la cuadrícula de productos y cubriendo un solo mosaico de producto en lugar de una lista de productos. Los mosaicos individuales son excelentes para captar la atención del comprador, ya que la navegación natural del cliente se centrará en las listas de productos.
* **Mosaico doble**: Posicionado en la cuadrícula de productos a través de dos mosaicos de producto, creando una unidad publicitaria más grande y llamativa.

## Banner X Elementos

<br>

### Vídeos

Los anunciantes y los minoristas pueden subir vídeos a sus banners. Estos anuncios de vídeo son vídeos promocionales que se muestran directamente en el sitio web o la aplicación del minorista.

### Imagen de fondo primaria

El fondo primario proporciona un telón de fondo sencillo, garantizando la claridad y la coherencia del diseño en todos los dispositivos. Evita incrustar imágenes de productos o contenido abrumador para evitar problemas de recorte, especialmente en diferentes dispositivos y anchos de navegador. Las seis configuraciones disponibles para el fondo primario son:

* Repetida
* Relleno
* Alineada arriba
* Alineada abajo
* Alineada a la derecha
* Alineada a la izquierda

<figure><img src="/files/uTdQvSV5yJM5Z34sl7zf" alt="" width="100%"><figcaption></figcaption></figure>

### Imagen de fondo secundaria

Utiliza la imagen de fondo secundaria para añadir decoración a tu banner. Las seis configuraciones de banner secundario disponibles son:

* Repetida
* Relleno
* Alineada arriba
* Alineada abajo
* Alineada a la derecha
* Alineada a la izquierda

### Texto del banner

El texto del banner se muestra en tu anuncio de banner. Admite etiquetas HTML limitadas, como `strong` para negrita y `i` para cursiva, y permite personalizar el color del texto.

<figure><img src="/files/89csuuCjtFK1vSQxq09e" alt="" width="100%"><figcaption></figcaption></figure>

### Imagen principal

La imagen principal es la imagen promocional clave, que normalmente muestra tu producto o logotipo. Las configuraciones disponibles son:

* Horizontal
* Vertical

<figure><img src="/files/ytfrky2SbCUXJbGhDd9a" alt="" width="100%"><figcaption></figcaption></figure>

### Imagen principal secundaria

Utiliza la imagen principal secundaria para mostrar productos o logotipos adicionales. Las configuraciones disponibles son:

* Horizontal
* Bloque (una imagen con el mismo ancho y alto)

<figure><img src="/files/ZtayGEMbx2rxXXiXqo27" alt="" width="100%"><figcaption></figcaption></figure>

### Llamada a la acción

Una llamada a la acción (CTA) es un texto o botón en el que se puede hacer clic que incita a realizar acciones, como hacer una compra o visitar otra página. Las CTA deben ser claras, estar orientadas a la acción y ser visualmente distintas para mejorar la interacción. Por ejemplo, "Comprar ahora" fomenta las compras.

<figure><img src="/files/Yz2zLS6rMrFB8fmMll60" alt="" width="100%"><figcaption></figcaption></figure>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://help.citrusad.com/retail-media-interface/integration/es/generating-ads/banner-x-responsive/banner-x-elements.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.