Como criar banners na página inicial

O banner é a primeira coisa que o cliente vê na loja. No editor visual você monta um carrossel com várias imagens, define uma versão para celular, coloca título e botão e escolhe para onde o clique leva. Esta tarefa é do administrador ou de quem tem a permissão Conteúdo da loja.

Antes de começar

• Tenha as artes prontas. O formato Largo usa 1200×400 px (3:1) e o Padrão usa 1280×720 px (16:9).
• Para o celular, uma arte própria fica melhor. O campo de imagem mostra o tamanho da imagem enviada e avisa se a proporção estiver diferente da recomendada.

Passo a passo

1. 1

   Abra a seção de banner

   Em Personalizar Loja, clique em Editar tema. Se a página já tem o Banner principal em carrossel, clique nele no grupo Modelo. Se não tem, clique em Adicionar seção, abra Banners e destaques e adicione o Banner principal em carrossel.

2. 2

   Adicione os slides

   Em Slides do carrossel, clique em Adicionar slide. Cada slide abre com seus próprios campos. Com mais de um slide, o carrossel passa sozinho. Cabem até 10.

3. 3

   Envie as imagens

   Em Imagem de fundo (desktop), clique em Upload ou em Galeria. Em Imagem (mobile), envie a versão para celular. Ela é opcional.

4. 4

   Escreva o texto e o botão

   Preencha Título, Subtítulo, Texto do botão e Link do botão. No link, use o endereço de uma página da loja, como /categorias/nome-da-categoria, ou um endereço completo começando com https://.

5. 5

   Ajuste a leitura

   Se o texto ficar difícil de ler sobre a foto, aumente Escurecer fundo (%).

6. 6

   Defina o tempo e o formato

   Em Intervalo entre slides (segundos), escolha de 3 a 15. Em Formato do banner, escolha Largo ou Padrão conforme a sua arte, e ajuste Altura e Alinhamento do conteúdo.

7. 7

   Confira e publique

   Veja o resultado na pré-visualização, troque para Mobile no topo para ver no celular e clique em Publicar.

Vídeo no lugar da imagem

Cada slide tem o campo Vídeo de fundo. Envie um arquivo MP4 ou WebM ou cole o link de um vídeo do YouTube. O vídeo substitui a imagem e toca sem som, em repetição.

Outros tipos de banner

• Banner com texto ao lado: texto e botão de um lado, imagem do outro.
• Carrossel de banners largos e Grade de banners: várias artes lado a lado ou passando.
• Mosaico de banners com texto e Cards de coleção com foto: chamadas para coleções com imagem e título.