> 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/fr/generating-ads/banner-x-responsive/banner-x-elements.md).

# Formats d'emplacement publicitaire et éléments de bannière X

Banner X vous permet de personnaliser et d'utiliser divers éléments pour les bannières. Vous pouvez combiner ces éléments pour créer des campagnes de bannières X réactives.

## Formats d'emplacement publicitaire

Banner X peut être déployé dans une variété de formats en raison de sa nature flexible.

Nous conseillons généralement d'utiliser 3 formats standards :

* **Bannière** : Positionnée sur toute la largeur d'une zone d'achat, généralement en haut d'une page pertinente, comme au-dessus de la recherche ou des listes de catégories.
* **Tuile simple** : Positionnée dans la grille de produits et couvrant une seule tuile de produit au lieu d'une liste de produits. Les tuiles simples sont idéales pour capter l'attention des acheteurs, car la navigation naturelle des clients se porte sur les listes de produits.
* **Tuile double** : Positionnée dans la grille de produits sur deux tuiles de produits, créant un format publicitaire plus grand et plus accrocheur.

## Banner X Éléments

<br>

### Vidéos

Les annonceurs et les distributeurs peuvent importer des vidéos dans leurs bannières. Ces annonces vidéo sont des vidéos promotionnelles affichées directement sur le site web ou l'application du distributeur.

### Image de fond principale

L'arrière-plan principal offre un décor simple, garantissant la clarté du design et la cohérence entre les appareils. Évitez d'intégrer des images de produits ou un contenu trop imposant afin d'éviter les problèmes de rognage, en particulier selon les différents appareils et largeurs de navigateur. Les six configurations disponibles pour l'arrière-plan principal sont :

* Répété
* Remplir
* Aligné en haut
* Aligné en bas
* Aligné à droite
* Aligné à gauche

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

### Image de fond secondaire

Utilisez l'image de fond secondaire pour ajouter de la décoration à votre bannière. Les six configurations de bannière secondaire disponibles sont :

* Répété
* Remplir
* Aligné en haut
* Aligné en bas
* Aligné à droite
* Aligné à gauche

### Texte de bannière

Le texte de bannière est affiché sur votre annonce bannière. Il prend en charge des balises HTML limitées, comme `strong` pour le gras et `i` pour l'italique, et permet la personnalisation de la couleur du texte.

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

### Image principale

L'image principale est l'image promotionnelle centrale, affichant généralement votre produit ou votre logo. Les configurations disponibles sont :

* Paysage
* Portrait

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

### Image principale secondaire

Utilisez l'image principale secondaire pour afficher des produits ou des logos supplémentaires. Les configurations disponibles sont :

* Paysage
* Bloc (une image de même largeur et hauteur)

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

### Appel à l'action

Un appel à l'action (CTA) est un texte cliquable ou un bouton incitant l'utilisateur à effectuer une action, comme effectuer un achat ou visiter une autre page. Les CTA doivent être clairs, orientés vers l'action et visuellement distincts pour renforcer l'engagement. Par exemple, « Acheter maintenant » encourage les achats.

<figure><img src="/files/jpoxGzNL0M61YWeTv0Mr" 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/fr/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.
