Passar para o conteúdo principal
Todas as coleçõesLoja Virtual
Como criar e configurar um banner?
Como criar e configurar um banner?

Veja como você pode incluir um banner para utilizar em sua Loja virtual da Yampi.

Atualizado há mais de uma semana

Os banners são imagens chamativas, utilizados principalmente na página inicial da loja.  Eles são usados para mostrar promoções, novos produtos, categorias,  descontos ou informações importantes aos clientes e possuem um link direto para a página do produto ou categoria, facilitando a navegação do cliente.

Neste artigo, vamos mostrar como você pode inserir e configurar os banners em sua Loja virtual:

O que são Banners?

O banner é uma imagem chamativa que geralmente está na página inicial da sua loja, mas também podem estar vinculados à página de uma categoria da sua loja. Eles são importantes, porque destacam as promoções, novos produtos, descontos ou informações importantes aos clientes. Além disso, aqui na Yampi você pode inserir o link do produto, coleção ou categoria no banner e direcionar os clientes para áreas específicas da sua loja.

Aqui na Yampi, você pode cadastrar os banners e depois ativar dentro do seu editor de tema, onde você pode escolher como mostrar e com quantas colunas deseja.

Um exemplo do banner principal:

Como cadastrar um banner?

Passo 1 - Acesse o painel da Yampi.

Passo 3 - Clique em ''+Novo banner''.

Passo 4 - Preencha com as informações do seu banner, conforme orientamos abaixo.

  • Nome do banner: Nome desejado para o banner.

  • Link de destino: Link para o local onde o banner redireciona o cliente

  • Cronômetro : Cronômetro que irá aparecer sobre o banner como estratégia para capturas de clientes.

  • Banner: Insira o seu banner. Você também pode incluir a versão especial para mobile, clicando em ''+Adicionar Versão para Celular''.

Passo 6 - Se você deseja vincular este banner a uma categoria da sua loja, selecione a categoria aqui. É Opcional*

Selecione apenas se você quer que esse banner seja vinculado à uma categoria*


Passo 7 - Clique em ''Salvar''

🔍A Yampi disponibiliza diversos modelos de banners gratuitos para você utilizar em sua Loja Virtual? Acesse a Central de Banners.

👉 Você também pode adicionar seus banners diretamente em seu editor de temas, clicando no banner desejado e depois em ''Adicionar banner''.

Como adicionar os banners na Loja virtual?

Para adicionar os Banners cadastrados anteriormente, siga as orientações abaixo.

Passo 2 - Ali na ''Página inicial'' você pode configurar os seus banners.

⬇️ Clique na setinha de cada um pra abrir o conteúdo*

Banner principal: Banner para área principal da sua loja.

Ele fica localizado no começo da sua página. Você pode adicionar mais de um banner para a área principal.

  • Tempo de transição;

  • Largura do banner (Completa e Fixa).

Ele fica localizado no começo da sua página. Você pode adicionar mais de um banner para a área principal .

  • Tempo de transição;

  • Largura do banner (Completa e Fixa).

Tamanhos recomendados 👈

  • Completa: 1600 px x 667 px

  • Fixa: 1200 px x 500 px

  • Versão para celular: 500 px x 375 px

  • Tamanho do arquivo: arquivos até 500KB

2 Banners: Possui 2 colunas

Esse tipo de banner possui duas colunas e pode ser usado no decorrer da sua página principal, pra mostrar promoções ou qualquer informação que achar relevante.

🌟 Dica: Para alterar a posição dos banners, basta arrastar com o cursor do seu mouse.

Mostramos como mover os banners e coleções na Página inicial.

💡Tamanhos recomendados 💡

  • Computador: 583 px x 350 px

  • Versão para celular: 500 px x 375 px

3 Banner: Possui 3 colunas

Esse tipo de banner possui três colunas e pode ser usado no decorrer da sua página principal, pra mostrar promoções ou qualquer informação que achar relevante.

🌟 Dica: Para alterar a posição dos banners, basta arrastar com o cursor do seu mouse.

Mostramos como mover os banners e coleções na Página inicial.

💡 Tamanhos recomendados 💡

  • Computador: 377 px x 276 px

  • Versão para celular: 500 px x 375 px

1 Banner: Possui 1 coluna

1Banner - como ele é mostrado dentro da loja

Esse tipo de banner possui apenas 1 coluna e pode ser usado no decorrer da sua página principal, pra mostrar promoções ou qualquer informação que achar relevante.

🌟 Dica: Para alterar a posição dos banners, basta arrastar com o cursor do seu mouse.

Mostramos como mover os banners e coleções na Página inicial.

💡 Tamanhos recomendados 💡

  • Computador: 1200 px x 500 px

  • Versão para celular: 500 px x 375 px

Como adicionar um banner na página de categoria?

Após você ter cadastrado o banner e vinculado em uma categoria, siga estes passos:

Passo 1 - Acesse ''Loja virtual'' → ''Personalizar''.

Passo 2 - Selecione ''Páginas de categorias'' na parte superior do editor.

Passo 3 - Clique em ''Páginas de categorias''.

Passo 4 - Marque ''Sim'' na área ''Exibir banners".

💡 A regra de exibição dos banners será por ordem de vinculação, tá?

🔍 Pra saber mais, leia este artigo completo: Como cadastrar um banner para uma categoria?

Quais as medidas dos banners?

Essas são as medidas paras os banners mencionados, respectivamente:

Banner principal

  • Banner pegando a tela inteira: 1600 px x 667 px

  • Banner com largura fixa: 1200 px x 500 px

  • Versão mobile do banner: 500 px x 375 px

3 banners

  • Computador: 377 px x 276 px

  • Versão para celular: 500 px x 375 px

2 banners

  • Computador: 583 px x 350 px

  • Versão para celular: 500 px x 375 px ​

1 banner

  • Computador: 1200 px x 500 px

  • Versão para celular: 500 px x 375 px

Banner da página de categorias

  • Computador sem coluna de filtros: 1200 px x 350 px

  • Computador com coluna de filtros: 890 px x 350 px

  • Celular: 700 px x 616 px

Dúvidas frequentes 🤔

⬇️ Clique na setinha de cada um pra abrir o conteúdo*

Por que um banner não está aparecendo/não está sendo salvo?

Estes são os motivos mais comuns:

  1. AdBlock ou Antivírus

  2. Usuário restrito

  3. Versão mobile

  4. Banner Inativo

  5. Tempo de propagação

Recomendamos que leia este artigo onde descrevemos com mais detalhes: Por que um banner não está aparecendo?


Onde posso criar e personalizar o meu banner?

Existem diversas ferramentas que você pode utilizar. Nós recomendamos que utilize a ferramenta Canva, ela é gratuita e intuitiva e você pode criar seus banners de acordo com as medidas que recomendamos aqui.

Você pode acessar por aqui.

Posso adicionar quantos banners eu quiser?

Sim! Você pode cadastrar quantos banners quiser. Depois, é só ativar em seu editor de temas, conforme mostramos aqui.

Em caso de dúvidas, clique no balãozinho de atendimento em seu painel ou nos encaminhe pelo e-mail [email protected] 😉

Respondeu à sua pergunta?