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

# Formatos de espaço publicitário e elementos do banner X

Banner X permite personalizar e usar vários elementos para banners. Você pode combinar esses elementos para criar campanhas de banner X responsivas.

## Formatos de espaço de anúncio

Banner X podem ser implantados em uma variedade de formatos devido à sua natureza flexível.

Geralmente, temos 3 formatos padrão que aconselhamos usar:

* **Banner**: Posicionado em toda a largura de uma área de compras, normalmente no topo de uma página relevante, como acima da pesquisa ou das listagens de categorias.
* **Quadrante único**: Posicionado na grade de produtos e cobrindo um único quadrante de produto em vez de uma listagem de produtos. Os quadrantes únicos são ótimos para capturar a atenção do comprador, pois a navegação natural do cliente estará atenta às listagens de produtos.
* **Quadrante duplo**: Posicionado na grade de produtos cobrindo dois quadrantes de produtos, criando uma unidade de anúncio maior e que chama mais a atenção.

## Banner X Elementos

<br>

### Vídeos

Anunciantes e varejistas podem enviar vídeos para seus banners. Esses anúncios em vídeo são vídeos promocionais exibidos diretamente no site ou aplicativo do varejista.

### Imagem de fundo principal

O fundo principal fornece um pano de fundo simples, garantindo clareza e consistência de design em todos os dispositivos. Evite incorporar imagens de produtos ou conteúdo muito chamativo para evitar problemas de corte, especialmente em diferentes dispositivos e larguras de navegador. As seis configurações disponíveis para o fundo principal são:

* Repetido
* Preencher
* Alinhado ao topo
* Alinhado à base
* Alinhado à direita
* Alinhado à esquerda

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

### Imagem de fundo secundária

Use a imagem de fundo secundária para adicionar decoração ao seu banner. As seis configurações de banner secundário disponíveis são:

* Repetido
* Preencher
* Alinhado ao topo
* Alinhado à base
* Alinhado à direita
* Alinhado à esquerda

### Texto do banner

O texto do banner é exibido no seu anúncio de banner. Ele suporta tags HTML limitadas, como `strong` para negrito e `i` para itálico, e permite a personalização da cor do texto.

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

### Imagem principal

A imagem principal é a imagem promocional em destaque, normalmente exibindo seu produto ou logotipo. As configurações disponíveis são:

* Paisagem
* Retrato

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

### Imagem principal secundária

Use a imagem principal secundária para exibir produtos ou logotipos adicionais. As configurações disponíveis são:

* Paisagem
* Bloco (uma imagem com a mesma largura e altura)

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

### Chamada para ação

Uma chamada para ação (CTA) é um texto ou botão clicável que incentiva a ação do usuário, como fazer uma compra ou visitar outra página. As CTAs devem ser claras, orientadas para a ação e visualmente distintas para aumentar o engajamento. Por exemplo, "Comprar agora" incentiva compras.

<figure><img src="/files/msF7CDMXug019irVJgBs" 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/pt-br/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.