A seção Banner e Produtos permite exibir um banner acompanhado de até três produtos na página inicial da sua loja. Com essa funcionalidade, você pode destacar promoções e lançamentos, tornando a vitrine mais visualmente atrativa.
Neste artigo, você aprenderá como adicionar e configurar essa seção em sua Loja virtual da Yampi:
O que é a seção Banner e Produtos?
Com essa seção, você pode exibir banners junto com produtos em destaque na página inicial. Com essa opção, é possível criar vitrines mais atrativas e estratégicas, promovendo produtos específicos e melhorando a experiência do cliente.
A seção pode ser personalizada com título, descrição e alinhamento, garantindo maior flexibilidade na organização da loja.
Regras da seção Banners e produtos 📋
É possível selecionar de 1 a 3 produtos para destacar;
A seção pode ser personalizada com título, descrição e alinhamento;
Essas são as dimensões do banner: Celular: 700 x 852px e computador: 582 x 1220px.
Configurações da vitrine para essa seção: Nessa seção, para garantir um layout atrativo, os selos sempre aparecerão sobre a imagem e o botão sempre se ajustará à largura, independentemente das configurações realizadas na Vitrine de Produtos.
Como adicionar a seção Banner + Produto?
Passo 1 - Acesse “Loja virtual” → “Temas” → “Personalizar”.
Passo 2 - Vá até “Página inicial” → “Adicionar seção”.
Passo 3 - Clique em “Banner e produtos” → “Adicionar”.
Passo 4 - Configure as personalizações da seção. Você pode customizar:
Texto: Título e Subtítulo;
Banner: Banner e Posição do banner;
Produtos: Escolha até 3 produtos.
Passo 5 - Clique em “Salvar” e pronto! 🥳
📌 Configurações da vitrine para essa seção: Nessa seção, para garantir um layout atrativo, os selos sempre aparecerão sobre a imagem e o botão sempre se ajustará à largura, independentemente das configurações realizadas na Vitrine de Produtos.
Dimensões e orientações para banners na seção "Banner + Produtos".
Os banners nessa seção se ajustam automaticamente ao espaço disponível. Para evitar cortes indesejados, siga as orientações abaixo.
🖥 Versão Desktop
Dimensão recomendada: 582 x 1220px
O banner se ajusta ao espaço que ele ocupa. Por isso, em algumas dimensões ele será cortado nas partes superior e inferior.
Para garantir que o conteúdo importante esteja visível em qualquer dimensão, recomendamos que use margem de segurança.
Utilize a imagem abaixo como base para criação do banner.
📱 Versão Mobile
Dimensão recomendada: 700 x 852px.
No celular, o banner sempre será exibido por completo.
Importante: Não há necessidade de utilizar margens de segurança na versão mobile.
Resumo das dimensões
Versão | Dimensão recomendada | Possível corte? |
Desktop | 582 x 1220px, com margens de segurança | Sim, partes superior e inferior |
Mobile | 700 x 852px | Não |
Dúvidas frequentes 🤔
▶️Clique na setinha para abrir o conteúdo de Dúvidas frequentes*
Não desejo mais utilizar a seção, posso remover?
Não desejo mais utilizar a seção, posso remover?
Você pode ocultar a seção clicando nos três pontinhos ao lado da seção criada.
É obrigatório adicionar a seção "Banner e produtos"?
É obrigatório adicionar a seção "Banner e produtos"?
Não, a ativação dessa seção é opcional.
Em caso de dúvidas, clique no balãozinho de atendimento em seu painel ou nos encaminhe pelo e-mail [email protected] 😉