Como montar o banner da Home com um bloco de mídia

Um banner bem montado apresenta a campanha ou a coleção principal logo na entrada da loja. Com um bloco de mídia, você escolhe uma imagem, deixa a mensagem clara e direciona o cliente para o próximo passo. Tudo acontece no editor visual do layout SaaS, com tranquilidade.

Função

Use o banner para destacar uma novidade, uma coleção, uma condição especial ou um produto que merece atenção. Prefira uma imagem limpa, uma frase curta e um botão que leve a uma página real da loja.

Como chegar

1. Entre no Interago e escolha o site correto em Meus websites.

2. Abra Menu → Páginas.

3. Localize a página marcada como Home e abra o editor.

4. Clique em Blocos. Se o banner ainda não existir, use a opção para criar um bloco e escolha o tipo Mídia.

Passo a passo feliz

1. Prepare a imagem

1. Escolha uma imagem nítida, com o produto ou a mensagem principal bem visível.

2. Evite colocar texto pequeno demais dentro da imagem. A frase principal fica mais fácil de ler quando está no próprio bloco.

3. Use uma imagem horizontal que combine com a área de destaque da Home.

4. Se a imagem ainda não estiver disponível, abra Mídias no editor e envie ou selecione o arquivo.

2. Monte o bloco de mídia

1. Abra o bloco de mídia do banner ou crie um bloco novo.

2. Selecione a imagem escolhida.

3. Preencha o texto de apoio, se o modelo mostrar esse campo.

4. Informe um texto alternativo que descreva a imagem.

5. Se houver campo para botão ou link, escolha uma página da própria loja, como uma categoria ou uma campanha.

6. Confira se o link aponta para o destino certo e não para uma página em rascunho.

3. Coloque o banner na Home

1. Volte ao editor da Home.

2. Adicione o bloco de mídia na posição desejada ou selecione o bloco já usado pelo destaque.

3. Confira a ordem dos blocos para que o banner seja visto antes dos conteúdos secundários.

4. Clique em Salvar.

5. Use Testar para ver o resultado antes de colocar a loja no ar.

Se o bloco já aparecer em outra página, confirme o alcance antes de editá-lo. Quando o destaque deve existir somente na Home, prefira um bloco próprio da Home.

4. Publique com conferência

1. Compare o banner em tela grande e em tela pequena.

2. Clique no botão e confirme que a página de destino abre normalmente.

3. Se tudo estiver certo, clique em Publicar.

4. Abra Menu → Atualizar → Páginas e use Atualizar e Subir, quando essa opção estiver disponível.

5. Abra a loja como visitante e confira o destaque.

Checklist rápido

• - A imagem está nítida e combina com a campanha?

• - A mensagem pode ser entendida em poucos segundos?

• - O texto alternativo foi preenchido?

• - O botão leva para a categoria, produto ou página correta?

• - O banner ficou bom no celular?

• - O bloco pertence somente à Home quando essa era a intenção?

• - A Home foi publicada e atualizada?

Para conhecer os tipos de bloco, veja [Como editar blocos do seu site](https://www.interago.com.br/site/ajuda/32849-como-editar-blocos-do-seu-site). Para revisar a publicação de uma página, consulte [Como criar e publicar páginas no Interago](https://www.interago.com.br/site/ajuda/32848-como-criar-e-publicar-paginas-no-interago).