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

# Format för annonsplatser och banner X-element

Banner X låter dig anpassa och använda olika element för banners. Du kan blanda och matcha dessa element för att skapa responsiva banner X-kampanjer.

## Annonsplatsformat

Banner X kan distribueras i en mängd olika format på grund av sin flexibla natur.

Vi har vanligtvis 3 standardformat som vi rekommenderar att använda:

* **Banner**: Placerad över hela bredden av ett handlingsbart område, vanligtvis längst upp på en relevant sida, som ovanför sök- eller kategorilistor.
* **Enkelruta**: Placerad i produktrutnätet och täcker en enskild produktruta istället för en produktlistning. Enkelrutor är utmärkta för att fånga köparens uppmärksamhet eftersom kundens naturliga surfande är uppmärksamt på produktlistningar.
* **Dubbelruta**: Placerad i produktrutnätet över två produktrutor, vilket skapar en större och mer uppmärksamhetsfångande annonsenhet.

## Banner X Element

<br>

### Videor

Annonsörer och återförsäljare kan ladda upp videor till sina banners. Dessa videoannonser är reklamvideor som visas direkt på återförsäljarens webbplats eller app.

### Primär bakgrundsbild

Den primära bakgrunden ger en enkel fond som säkerställer tydlig design och konsekvens över olika enheter. Undvik att bädda in produktbilder eller överväldigande innehåll för att förhindra beskärningsproblem, särskilt över olika enheter och webbläsarbredder. De sex tillgängliga konfigurationerna för den primära bakgrunden är:

* Upprepad
* Fyll
* Justerad mot överkant
* Justerad mot underkant
* Högerjusterad
* Vänsterjusterad

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

### Sekundär bakgrundsbild

Använd den sekundära bakgrundsbilden för att lägga till dekoration på din banner. De sex tillgängliga sekundära bannerkonfigurationerna är:

* Upprepad
* Fyll
* Justerad mot överkant
* Justerad mot underkant
* Högerjusterad
* Vänsterjusterad

### Bannertext

Bannertext visas på din bannerannons. Den stöder ett begränsat antal HTML-taggar, som `strong` för fetstil och `i` för kursiv stil, och tillåter anpassning av textfärg.

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

### Huvudbild

Huvudbilden (hero image) är den primära reklambilden som vanligtvis visar din produkt eller logotyp. Tillgängliga konfigurationer är:

* Liggande
* Stående

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

### Sekundär huvudbild

Använd den sekundära huvudbilden för att visa ytterligare produkter eller logotyper. Tillgängliga konfigurationer är:

* Liggande
* Kvadrat (en bild med samma bredd och höjd)

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

### Uppmaning

En uppmaning (CTA) är klickbar text eller en knapp som uppmanar användaren till handling, som att göra ett köp eller besöka en annan sida. Uppmaningar bör vara tydliga, handlingsorienterade och visuellt utmärkande för att öka engagemanget. Till exempel uppmuntrar "Handla nu" till köp.

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