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

# Ad slot formats & banner X elements

Banner X ermöglicht es Ihnen, verschiedene Elemente für Banner anzupassen und zu verwenden. Sie können diese Elemente kombinieren, um responsive Banner-X-Kampagnen zu erstellen.

## Anzeigenplatz-Formate

Banner X kann aufgrund seiner flexiblen Natur in einer Vielzahl von Formaten eingesetzt werden.

In der Regel empfehlen wir 3 Standardformate:

* **Banner**: Über die gesamte Breite eines einkaufbaren Bereichs positioniert, typischerweise oben auf einer relevanten Seite, wie z. B. über Such- oder Kategorie-Listen.
* **Einzelkachel**: Im Produktraster positioniert und deckt eine einzelne Produktkachel anstelle einer Produktliste ab. Einzelkacheln eignen sich hervorragend, um die Aufmerksamkeit der Käufer zu gewinnen, da das natürliche Stöbern der Kunden auf Produktlisten gerichtet ist.
* **Doppelkachel**: Im Produktraster über zwei Produktkacheln positioniert, wodurch eine größere, aufmerksamkeitsstärkere Werbeeinheit entsteht.

## Banner X Elemente

<br>

### Videos

Werbetreibende und Händler können Videos für ihre Banner hochladen. Diese Videoanzeigen sind Werbevideos, die direkt auf der Website oder in der App des Händlers angezeigt werden.

### Primäres Hintergrundbild

Der primäre Hintergrund bietet eine einfache Kulisse und sorgt für Designklarheit und Konsistenz über verschiedene Geräte hinweg. Vermeiden Sie das Einbetten von Produktbildern oder überlaufenden Inhalten, um Beschneidungsprobleme zu vermeiden, insbesondere bei unterschiedlichen Geräten und Browserbreiten. Die sechs verfügbaren Konfigurationen für den primären Hintergrund sind:

* Wiederholend
* Füllend
* Oben ausgerichtet
* Unten ausgerichtet
* Rechts ausgerichtet
* Links ausgerichtet

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

### Sekundäres Hintergrundbild

Verwenden Sie das sekundäre Hintergrundbild, um Ihrem Banner Dekoration hinzuzufügen. Die sechs verfügbaren sekundären Banner-Konfigurationen sind:

* Wiederholend
* Füllend
* Oben ausgerichtet
* Unten ausgerichtet
* Rechts ausgerichtet
* Links ausgerichtet

### Banner-Text

Banner-Text wird auf Ihrer Banner-Anzeige angezeigt. Er unterstützt begrenzte HTML-Tags wie `strong` für fett und `i` für kursiv und ermöglicht die Anpassung der Textfarbe.

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

### Hauptbild

Das Hauptbild ist das zentrale Werbebild, das normalerweise Ihr Produkt oder Logo zeigt. Verfügbare Konfigurationen sind:

* Querformat
* Hochformat

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

### Sekundäres Hauptbild

Verwenden Sie das sekundäre Hauptbild, um zusätzliche Produkte oder Logos anzuzeigen. Verfügbare Konfigurationen sind:

* Querformat
* Block (ein Bild mit gleicher Breite und Höhe)

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

### Call-to-Action

Ein Call-to-Action (CTA) ist ein anklickbarer Text oder eine Schaltfläche, die zu Benutzeraktionen auffordert, z. B. zum Tätigen eines Kaufs oder zum Besuch einer anderen Seite. CTAs sollten klar, handlungsorientiert und visuell abgehoben sein, um die Interaktion zu steigern. Beispiel: „Jetzt shoppen“ regt zum Kauf an.

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