Banners do Hero

Use a aba Banners do Hero para gerenciar as imagens exibidas no banner principal da loja.

Os banners são consumidos pelo template de Hero configurado na aba Página e layout. Configure primeiro o template (Carrossel, Tela Cheia, Dividido ou Minimalista) e depois adicione os banners aqui.

Como acessar

1. No menu lateral, clique em Vendas.
2. Expanda Loja Virtual.
3. Clique em Lojas.
4. Selecione a loja desejada na listagem.
5. Abra a aba Banners do Hero.

Adicionar um banner

1. Clique em Adicionar Banner.
2. Preencha os campos do banner.
3. Clique em Salvar.

Campos do banner

1. Adicionar Banner: cria um banner novo.
2. Remover: exclui o banner.
3. Imagem do Banner (Desktop): a imagem para telas grandes.
4. Imagem do Banner (Mobile) (opcional): a imagem para celulares.
5. Título: texto sobreposto à imagem (logo abaixo fica o Subtítulo).
6. URL do Link: destino do clique no banner.
7. Ordem: posição do banner no carrossel.
8. Ativo: mostra ou oculta o banner na loja.

Imagem do Banner (Desktop)

Imagem principal exibida em telas grandes.

• Formatos aceitos: JPG, PNG ou WebP.
• Tamanho recomendado: 1920x600 pixels (proporção 16:5).
• Use Upload para enviar a imagem do computador, URL para colar o endereço de uma imagem, Galeria para escolher um arquivo já enviado ou Buscar para procurar imagens em bancos de imagens gratuitos.

Imagem do Banner (Mobile)

Imagem alternativa para dispositivos móveis. Opcional, se vazia, a loja usa a imagem desktop.

• Tamanho recomendado: 800x800 pixels (proporção 1:1).

Título e Subtítulo

Textos sobrepostos à imagem do banner. Aparecem dependendo do template de hero escolhido.

URL do Link

Destino ao clicar no banner. Use para direcionar o cliente a uma categoria, produto ou página específica.

Ordem

Número que define a posição do banner no carrossel. Menor número = exibido primeiro.

Ativo

Controla se o banner aparece na loja. Desmarque para ocultar temporariamente sem excluir.

Remover um banner

Clique no botão Remover no canto superior direito do banner desejado.

Boas práticas

• Use imagens de alta qualidade e com boa resolução.
• Mantenha o texto curto e visível, use a sobreposição (opacidade) na aba Página para melhorar a legibilidade.
• Crie uma versão mobile separada quando a imagem desktop não ficar boa em telas pequenas.
• Mantenha entre 3 e 5 banners ativos para um carrossel equilibrado.
• Desative banners de campanhas encerradas em vez de excluí-los, facilita a reutilização.