> ## Documentation Index
> Fetch the complete documentation index at: https://ajuda.brendi.com.br/llms.txt
> Use this file to discover all available pages before exploring further.

# Banners

> Crie banners promocionais com IA ou com uma imagem sua, mostre até 3 no topo do cardápio e transforme um banner em anúncio no Instagram e no Facebook.

Nesta aba você cria os banners promocionais que aparecem no topo do cardápio digital. Cada banner fica ligado a um produto: quando o cliente toca no banner, abre a página desse produto. Você pode gerar o banner com IA ou usar uma imagem sua, deixar até 3 no cardápio ao mesmo tempo e transformar um banner em anúncio.

<Note>
  Todos os papéis abrem esta aba e mexem nos banners: Dono, Gerente, Gestor de Tráfego e Operador. Para criar anúncio, a loja precisa ter o Tráfego Pago configurado. A área **Tráfego Pago**, para onde os avisos de anúncio levam, só abre para Dono, Gerente e Gestor de Tráfego.
</Note>

## Onde encontrar

**Editor de cardápio › Banners**

Se você clicar numa categoria na coluna **Categorias**, o editor volta para a aba **Produtos**.

## Configurações

A aba mostra, de cima para baixo: o contador de banners gerados no mês, a lista **Visível no seu cardápio**, a **Biblioteca de banners** e as abas para criar banner. A **Biblioteca de banners** aparece quando você tem pelo menos um banner; **Visível no seu cardápio**, quando há pelo menos um banner ativo. Ativar, desativar, apagar e trocar o produto de um banner valem na hora; a ordem tem botão próprio. Se não der para salvar, aparece **Erro ao salvar os banners.** e a lista volta como estava.

**Banners gerados este mês** mostra quantos banners você gerou com IA no mês, de um limite de 16. Ao chegar a 16, aparece **Você atingiu o limite de geração de banners para esse mês**, e [Gerar banner](#gerar-banner) fica bloqueado até o mês seguinte. Banners de [Carregar do computador](#carregar-do-computador) não têm esse limite.

## Visível no seu cardápio

Os banners ativos, no máximo 3, na ordem em que aparecem no cardápio. O botão de informação ao lado do título lembra a regra: **Você pode ter no máximo 3 banners ativos simultaneamente.** Ao ativar mais um, o ativo mais antigo é desativado. Os desativados continuam na [Biblioteca de banners](#biblioteca-de-banners).

* **No computador:** três banners por linha. **No celular:** um por linha. Vale também para a biblioteca.
* **O que o cliente vê:** um carrossel no topo do cardápio. Com mais de um banner, eles passam sozinhos a cada 5 segundos, e o cliente também pode deslizar. Tocar no banner abre a página do produto. O carrossel some enquanto o cliente usa a busca do cardápio.

### Salvar Ordem

Para mudar a ordem, arraste o banner pelo ícone de arrastar, à esquerda, embaixo da imagem. Ao soltar, aparece **Salvar Ordem**: clique para gravar. Aparece **Ordem dos banners salva com sucesso!**, e o carrossel do cardápio passa a seguir a nova ordem.

Salve antes de mexer em outro banner: ativar, desativar, apagar ou trocar o produto descarta a ordem que ainda não foi salva.

### Ícone de alerta

Um banner ativo só aparece no cardápio se o cliente puder pedir o produto dele naquele momento. Quando não pode, o banner fica em cinza, a lista mostra um aviso como **1 banner ativo precisa ser revisado** e o banner ganha o ícone de alerta. Passe o mouse no ícone para ver o motivo:

* **Produto não encontrado no cardápio**
* **Produto inativo**
* **Produto em falta**
* **Categoria do produto não encontrada**
* **Categoria do produto inativa**
* **Categoria do produto em falta**
* **Produto fora do horário de disponibilidade**: o banner volta a aparecer no horário do produto.

Clique no ícone para abrir [Selecione o produto](#selecione-o-produto) e ligar o banner a outro produto. Aparece **Produto do banner atualizado!**. Outra saída é resolver o próprio produto em [Produtos](/funcionalidades/editor-de-cardapio/produtos#ativar-ou-desativar).

### Desativar banner

O ícone de olho aberto, nas duas listas. Tira o banner do cardápio na hora, e ele continua na biblioteca. Aparece **Banner desativado com sucesso!**.

* **O que o cliente vê:** o banner sai do carrossel.

## Biblioteca de banners

Todos os banners da loja, ativos e desativados, do mais novo para o mais antigo, 3 por página. Os desativados aparecem mais claros, menos o banner que você acabou de criar. Em cada banner ficam o botão de ativar ou desativar, o ícone de megafone, que [cria um anúncio](#criar-an%C3%BAncio-com-este-banner), e o de apagar.

### Mostrar no cardápio

Todo banner novo, gerado ou carregado, entra na biblioteca desativado. O botão **Mostrar no cardápio** aparece no banner que você acabou de criar: clique para colocá-lo no cardápio. Aparece **Banner visível no cardápio!**. Se já houver 3 ativos, o ativo mais antigo é desativado. Depois, o mesmo banner passa a mostrar o ícone [Ativar banner](#ativar-banner), que faz a mesma coisa.

* **O que o cliente vê:** o banner entra no carrossel do cardápio, se o produto dele estiver disponível.

### Ativar banner

O ícone de olho riscado, nos banners desativados. Coloca o banner de volta no cardápio, com a mesma regra de [Mostrar no cardápio](#mostrar-no-card%C3%A1pio): se já houver 3 ativos, o ativo mais antigo sai.

### Apagar banner

O ícone de lixeira. Tira o banner da biblioteca e do cardápio na hora. Aparece **Banner apagado com sucesso!**.

<Warning>
  **Apagar banner** não pede confirmação e não dá para desfazer. Para só tirar o banner do cardápio, use [Desativar banner](#desativar-banner).
</Warning>

### Banner promocional

No computador, clique na imagem de um banner, em qualquer das duas listas, para vê-la ampliada na janela **Banner promocional**. Clique na imagem para fechar. No celular, a imagem não amplia.

## Criar banner

As duas abas embaixo das listas criam banners: [Gerar com IA](#gerar-com-ia) e [Carregar do computador](#carregar-do-computador). O produto escolhido vale para as duas.

### Gerar com IA

A aba que abre primeiro. A IA cria a arte a partir da foto do produto e é orientada a mostrar o nome do produto, o preço, a promoção num selo e um botão **Peça agora!**, com cores e fundo no tema que você escrever. O preço é o menor que o cliente paga pelo produto: o preço com desconto, se houver, mais o mínimo dos complementos obrigatórios.

### Selecione o produto que deseja promover

O campo aparece nas duas abas. Clique nele para abrir [Selecione o produto](#selecione-o-produto). O banner fica ligado a esse produto: é a página dele que abre quando o cliente toca no banner.

* Em **Gerar com IA**, o produto precisa ter foto. Sem foto, aparece **Este produto não possui imagem. Selecione um produto com imagem para gerar o banner.** Veja [Foto do produto](/funcionalidades/editor-de-cardapio/produtos#foto-do-produto).
* Se o produto tem desconto, [Descreva a promoção](#descreva-a-promo%C3%A7%C3%A3o) já vem com a porcentagem, como **20% de desconto**. Trocar de produto refaz esse campo.

### Selecione o produto

A janela para escolher o produto, com uma aba por categoria. Só entram categorias com pelo menos um produto. Use **Buscar produto** para achar pelo nome, pela descrição ou pelo Código PDV; buscar o nome de uma categoria mostra todos os produtos dela. Clique no produto para escolher. É a mesma janela que abre pelo [Ícone de alerta](#%C3%ADcone-de-alerta).

* A lista mostra também produtos desativados e em falta. Banner de produto assim não aparece no cardápio.
* **No computador:** três produtos por linha. **No celular:** a janela ocupa a largura da tela e mostra um produto por linha.

### Descreva o tema da promoção

O estilo do banner: cores, fundo e letras seguem o tema. Exemplos da tela: Dia dos Namorados, Festa Junina, Praia realista, Estilo História em Quadrinhos. A dica da tela: **Evite descrições muito complexas para garantir resultados de qualidade.** Obrigatório: em branco, aparece **Informe o tema**.

### Descreva a promoção

O texto do selo de promoção do banner. Exemplos da tela: 20% de desconto, 2 por 1, Novidade, Ganhe um brinde. A dica da tela é escrever frases curtas e impactantes, o que diminui a chance de erro de ortografia na arte. Obrigatório.

### Gerar banner

Cria o banner. Fica bloqueado até você escolher um produto com foto e preencher o tema e a promoção, e também quando o limite do mês acaba. Passe o mouse no botão bloqueado para ver o motivo: **Preencha todos os campos obrigatórios** quando falta campo, ou **Você atingiu o limite de geração de banners para esse mês** quando o limite acabou.

Enquanto a IA trabalha, a tela mostra mensagens e uma barra com a porcentagem. A barra é uma estimativa: chega a 99% em cerca de 30 segundos e fica ali até a imagem ficar pronta.

Pronto, o banner entra na [Biblioteca de banners](#biblioteca-de-banners), desativado, com o botão [Mostrar no cardápio](#mostrar-no-card%C3%A1pio), e os campos ficam em branco.

Se der erro, a mensagem aparece em vermelho embaixo do botão. Se a imagem for barrada pela moderação, aparece **Imagem bloqueada pela moderação da OpenAI, tente escolher outro tema**: mude o [tema](#descreva-o-tema-da-promo%C3%A7%C3%A3o) e tente de novo.

### Carregar do computador

Para usar uma arte pronta. Escolha o produto em [Selecione o produto que deseja promover](#selecione-o-produto-que-deseja-promover) e depois a imagem em [Escolher imagem](#escolher-imagem). Não conta no limite de banners gerados do mês.

### Escolher imagem

Abre a janela para escolher um arquivo de imagem. Fica bloqueado até você escolher o produto: **Selecione um produto primeiro para associar a promoção**. A imagem é enviada assim que você a escolhe e entra na biblioteca desativada, com o botão [Mostrar no cardápio](#mostrar-no-card%C3%A1pio).

* **Tamanho recomendado:** 1536 x 1024 px. O banner ocupa esse formato no cardápio, e imagem com outra proporção aparece cortada.

## Anúncio a partir do banner

O ícone de megafone, em cada banner das duas listas, usa a imagem do banner para criar um anúncio no Instagram e no Facebook pelo Tráfego Pago da Brendi.

### Criar anúncio com este banner

Com o Tráfego Pago da loja pronto, o ícone abre a janela **Criar anúncio com este banner**, com a imagem do banner e os campos do anúncio. Se falta algo, a dica do ícone diz o quê, e ao clicar aparece um aviso:

* **Cadastre no tráfego pago primeiro:** a loja ainda não configurou ou não ativou o Tráfego Pago. O aviso **Configure o tráfego pago** tem o botão **Configurar agora**, que abre o cadastro do Tráfego Pago.
* **Resolver pendência da conta Meta:** a conta de anúncios da Meta tem uma pendência. O aviso **Pendência na conta Meta** tem **Ver detalhes**, que abre o Tráfego Pago.
* **Reativar anúncios:** o conjunto de anúncios expirou. O aviso **Conjunto de anúncios expirado** tem **Renovar**, que abre o Tráfego Pago.

**Agora não** fecha o aviso. Os botões dos avisos levam para a área **Tráfego Pago**, que o Operador não abre. Se a integração com a Meta ainda está carregando, aparece **Carregando integração com Meta, aguarde...**: espere e clique de novo.

### Título (opcional)

O título do anúncio, com até 100 caracteres. Em branco, o título é criado automaticamente.

### Texto do anúncio

O texto que acompanha a imagem no anúncio, com até 500 caracteres. Quando a janela abre, a IA escreve um texto curto a partir do nome e do preço do produto do banner; o campo fica bloqueado enquanto isso. Depois, edite como quiser. Obrigatório.

Se a IA não conseguir, o campo vem com "Peça (nome do produto) agora pelo nosso cardápio!" e aparece **Não foi possível gerar texto automaticamente, edite manualmente.**

### Gerar texto novamente

Pede um texto novo à IA. O texto novo substitui o que está no campo, inclusive o que você editou.

### Publicar anúncio

Cria o anúncio com a imagem do banner, o título e o texto, no conjunto de anúncios do Tráfego Pago da loja. O anúncio já nasce ativo. Fica bloqueado enquanto a IA escreve o texto e com o texto vazio.

Deu certo, aparece **Anúncio criado! Pode levar alguns minutos pra aparecer no Meta.** e a janela fecha. Se der erro, a mensagem aparece e a janela continua aberta. **Cancelar** fecha a janela sem criar o anúncio.

* **O que o cliente vê:** o anúncio com a imagem do banner. O botão do anúncio abre a página inicial do seu cardápio digital, não a página do produto.

## Como fazer

### Criar um banner com IA

<Steps>
  <Step title="Escolha o produto">
    Em **Editor de cardápio › Banners**, na aba [Gerar com IA](#gerar-com-ia), clique em [Selecione o produto que deseja promover](#selecione-o-produto-que-deseja-promover) e escolha um produto com foto.
  </Step>

  <Step title="Descreva o banner">
    Preencha [Descreva o tema da promoção](#descreva-o-tema-da-promo%C3%A7%C3%A3o) e [Descreva a promoção](#descreva-a-promo%C3%A7%C3%A3o).
  </Step>

  <Step title="Gere o banner">
    Clique em [Gerar banner](#gerar-banner) e aguarde. O banner aparece na **Biblioteca de banners**.
  </Step>

  <Step title="Coloque no cardápio">
    Clique em [Mostrar no cardápio](#mostrar-no-card%C3%A1pio) no banner novo.
  </Step>
</Steps>

### Usar uma imagem sua como banner

<Steps>
  <Step title="Escolha o produto">
    Na aba [Carregar do computador](#carregar-do-computador), clique em **Selecione o produto que deseja promover** e escolha o produto que o banner vai abrir.
  </Step>

  <Step title="Envie a imagem">
    Clique em [Escolher imagem](#escolher-imagem) e escolha o arquivo, de preferência com 1536 x 1024 px.
  </Step>

  <Step title="Coloque no cardápio">
    Clique em [Mostrar no cardápio](#mostrar-no-card%C3%A1pio) no banner novo.
  </Step>
</Steps>

### Mudar a ordem dos banners no cardápio

<Steps>
  <Step title="Arraste">
    Em **Visível no seu cardápio**, arraste os banners pelo ícone de arrastar até a ordem que você quer.
  </Step>

  <Step title="Salve">
    Clique em [Salvar Ordem](#salvar-ordem).
  </Step>
</Steps>

### Anunciar um banner no Instagram e no Facebook

<Steps>
  <Step title="Abra o anúncio">
    Clique no ícone de megafone do banner. Se aparecer um aviso, resolva antes o que falta no Tráfego Pago: veja [Criar anúncio com este banner](#criar-an%C3%BAncio-com-este-banner).
  </Step>

  <Step title="Revise o texto">
    Confira o [Texto do anúncio](#texto-do-an%C3%BAncio) que a IA escreveu e, se quiser, dê um título.
  </Step>

  <Step title="Publique">
    Clique em [Publicar anúncio](#publicar-an%C3%BAncio).
  </Step>
</Steps>

## Dúvidas frequentes

<AccordionGroup>
  <Accordion title="O banner está ativo, mas não aparece no cardápio. Por quê?">
    O cardápio só mostra banner de produto que o cliente pode pedir naquele momento. Se o produto ou a categoria estiver desativado, em falta ou fora do horário, o banner fica em cinza em **Visível no seu cardápio**, com o [ícone de alerta](#%C3%ADcone-de-alerta). O carrossel também some enquanto o cliente usa a busca do cardápio.
  </Accordion>

  <Accordion title="Quantos banners posso ter no cardápio?">
    Até 3 ativos ao mesmo tempo. Ao ativar mais um, o ativo mais antigo é desativado e fica na biblioteca. Se a loja tiver mais de 3 ativos, ao abrir a aba **Banners** os mais antigos são desativados.
  </Accordion>

  <Accordion title="Deu erro ao gerar o banner. Perdi um dos 16 do mês?">
    Não. O contador só soma quando o banner fica pronto. Já apagar um banner gerado não devolve a vaga no contador.
  </Accordion>

  <Accordion title="A barra de progresso parou em 99%. Travou?">
    Não necessariamente. A barra é uma estimativa que chega a 99% em cerca de 30 segundos, e a imagem pode levar até 3 minutos. Quando fica pronta, o banner aparece na **Biblioteca de banners**.
  </Accordion>

  <Accordion title="O anúncio leva o cliente para o produto do banner?">
    Não. No cardápio, tocar no banner abre o produto. O anúncio criado com o banner leva para a página inicial do seu cardápio digital.
  </Accordion>
</AccordionGroup>

## Relacionados

<CardGroup cols={2}>
  <Card title="Produtos" href="/funcionalidades/editor-de-cardapio/produtos">
    Foto, desconto, status e horários do produto que o banner abre.
  </Card>

  <Card title="Estoque" href="/funcionalidades/editor-de-cardapio/estoque">
    Produto sem estoque fica em falta, e o banner dele sai do cardápio.
  </Card>

  <Card title="Complementos" href="/funcionalidades/editor-de-cardapio/complementos">
    Complementos obrigatórios entram no preço do banner gerado com IA.
  </Card>
</CardGroup>
