> For the complete documentation index, see [llms.txt](https://ola.meajuda.cc/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ola.meajuda.cc/delivery-salao/perfil/configurar-banners-no-site-de-delivery.md).

# Configurar banners no site de delivery

### Visão geral

Use os banners para divulgar promoções, novidades e informações importantes no seu site delivery. Você pode criar até **10 banners ativos**: 5 de topo e 5 de destaque.

Cada banner pode usar uma imagem ou um vídeo e ter dias e horários específicos de exibição.

{% hint style="info" %}
**Exemplo prático**

Crie um banner de topo em vídeo para divulgar uma promoção de fim de semana. Selecione sexta, sábado e domingo, defina o horário e ative o banner.
{% endhint %}

### Como configurar

1. Acesse a área de **Perfil** da loja e abra a seção de personalização dos banners.
2. Clique em **Adicionar mais**.
3. Informe um nome para identificar o banner.
4. Selecione o tipo:
   * **Topo:** aparece no alto da página e ocupa toda a largura.
   * **Destaque:** aparece dentro do conteúdo da loja.
5. Escolha quando o banner será exibido:
   * **Sempre:** fica disponível nos dias selecionados.
   * **Definir início e término:** aparece somente no período informado.
6. Selecione os dias da semana e o horário de exibição.
7. Escolha o tipo de mídia:
   * **Imagem:** envie a versão para desktop e, se quiser, uma versão específica para mobile.
   * **Vídeo:** informe um link válido do YouTube ou Vimeo.
8. Ative o banner e salve as alterações.

### Tela de configuração

<figure><img src="https://3193212287-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-ME41abfRf7bWmvqahTl%2Fuploads%2F7kB6KNZCJ53XOWSZh6cr%2Fimage.png?alt=media&amp;token=90d34230-b8a4-42e0-8ebe-b0e4ab524438" alt=""><figcaption><p>Exemplo de configuração de banners no painel.</p></figcaption></figure>

<figure><img src="https://3193212287-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-ME41abfRf7bWmvqahTl%2Fuploads%2FMe2682WthOO9p3FGLG1E%2Fimage.png?alt=media&amp;token=e3061563-c8d4-488f-9dfd-029805c4cad7" alt=""><figcaption><p>Exemplo de banners no site.</p></figcaption></figure>

### Recomendações de mídia

#### Imagem

Você pode adicionar versões específicas para desktop e mobile. Para banners de destaque, recomendamos **1240 × 260 px** no desktop e **600 × 280 px** no mobile.

#### Vídeo

Prefira vídeos em alta resolução e na orientação horizontal para garantir melhor qualidade de exibição. Recomendamos vídeos com **10 segundos ou mais**. O mesmo vídeo será exibido no desktop e no mobile.

### Como publicar o vídeo e copiar o link

#### YouTube

1. Acesse o [YouTube Studio](https://studio.youtube.com/) e entre na sua conta.
2. Clique em **Criar** e depois em **Enviar vídeos**.
3. Selecione o arquivo, preencha as informações e conclua a publicação.
4. Abra o vídeo publicado e clique em **Compartilhar**.
5. Clique em **Copiar** e cole o link no campo **Link do vídeo** do banner.

[Veja o tutorial oficial para enviar vídeos ao YouTube](https://support.google.com/youtube/answer/57407?hl=pt-BR\&co=GENIE.Platform%3DDesktop) · [Veja como copiar o link de um vídeo](https://support.google.com/youtube/answer/57741?hl=pt-BR\&co=GENIE.Platform%3DDesktop)

#### Vimeo

1. Acesse o [Vimeo](https://vimeo.com/) e entre na sua conta.
2. Clique em **Novo vídeo** ou **Upload** e selecione o arquivo.
3. Aguarde o envio e finalize as configurações do vídeo.
4. Abra o vídeo na sua biblioteca e clique em **Compartilhar**.
5. Clique em **Copiar link** e cole o endereço no campo **Link do vídeo** do banner.

[Veja o tutorial oficial para enviar vídeos ao Vimeo](https://help.vimeo.com/hc/pt/articles/18774922216721-Como-carregar-um-v%C3%ADdeo-no-Vimeo) · [Veja como copiar o link de um vídeo](https://help.vimeo.com/hc/pt/articles/12426502519313-Como-compartilhar-meu-v%C3%ADdeo)

{% hint style="info" %}
Use o link do vídeo fornecido pela opção **Compartilhar**. Não use o código HTML de incorporação.
{% endhint %}

### Como os banners aparecem no site

* Cada faixa exibe no máximo 5 banners, seguindo a ordem configurada.
* Se não houver nenhum banner válido em uma faixa, ela não aparece.
* As imagens avançam automaticamente após cerca de 4 segundos.
* Os vídeos começam sem áudio e são reproduzidos automaticamente quando o slide fica ativo.
* Quando há outros slides, o carrossel avança ao terminar o vídeo. Se houver somente um vídeo, ele é repetido continuamente.
* No mobile, a imagem específica para mobile é exibida. Se ela não existir, o site usa a imagem de desktop.

### Observações importantes

* Confira se os dias, o período e o horário incluem o momento em que o banner deve aparecer.
* Horários que atravessam a meia-noite, como das 22h às 2h, não são aceitos. Crie configurações separadas para cada dia.
* A programação é verificada quando a página é carregada. Se o horário começar ou terminar com o site já aberto, recarregue a página.
* Se uma mídia falhar ao carregar, somente aquele slide será removido; os demais continuarão disponíveis.