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 2 - Clique em ''Loja Virtual" → ''Banners''
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.
Como adicionar os banners na Loja virtual?
Para adicionar os Banners cadastrados anteriormente, siga as orientações abaixo.
Passo 1 - Acesse ''Loja virtual'' → ''Personalizar".
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.
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
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.
💡Tamanhos recomendados 💡
Computador: 583 px x 350 px
Versão para celular: 500 px x 375 px
3 Banner: Possui 3 colunas
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.
💡 Tamanhos recomendados 💡
Computador: 377 px x 276 px
Versão para celular: 500 px x 375 px
1 Banner: Possui 1 coluna
1 Banner: Possui 1 coluna
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.
💡 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?
Por que um banner não está aparecendo/não está sendo salvo?
Estes são os motivos mais comuns:
AdBlock ou Antivírus
Usuário restrito
Versão mobile
Banner Inativo
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?
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?
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] 😉