⏱️ Tempo estimado: 10 minutos
Nível: ⭐⭐☆☆☆ (Básico)
Antes de começar, você precisa:
Acesso ao painel administrativo da sua loja
Imagens preparadas para os banners
Layout compatível com o tipo de banner desejado
Introdução
Os banners são elementos visuais fundamentais para destacar promoções, produtos e campanhas na sua loja virtual. Com a funcionalidade de agendamento automático, você pode programar quando seus banners serão publicados e removidos, otimizando suas campanhas de marketing sem necessidade de intervenção manual.
Dentro de cada layout, você encontrará diversos tipos de banners que diferem principalmente no tamanho e local de exibição. Esta flexibilidade permite criar estratégias visuais eficazes para engajar seus clientes tanto no desktop quanto em dispositivos móveis.
Como adicionar banners em minha loja
01 - Acesse Personalize sua loja > Banners no painel da sua loja.
02 - Escolha o tipo de banner que deseja inserir conforme sua estratégia e clique em Adicionar banner.
💡 É importante saber: Observe se a disposição do layout escolhida para sua loja suporta o tipo de banner que irá cadastrar. Caso contrário, ele não será exibido. A disposição do layout é configurada em Personalize sua loja > Visual da Loja.
03 - Configure os campos do banner conforme suas necessidades:
Configurações básicas
Banner ativo: Ativa ou desativa o banner na loja
Nome do banner: Define o texto ALT da imagem (importante para SEO)
Posição do banner: Local onde será exibido na loja
Página de publicação: Páginas específicas onde o banner aparecerá
Link do banner: URL de destino quando o cliente clicar
Quando clicar no link: Abertura na mesma janela ou nova janela. Esta opção aparece somente após o campo "Link do banner" ser preenchido.
Título do banner: Texto opcional exibido sob a imagem
Agendamento automático de banners
04 - Configure o agendamento automático (opcional):
Data de início do agendamento: Quando o banner será publicado automaticamente
Data de fim do agendamento: Quando o banner será removido automaticamente
Como preencher as datas
Digite manualmente no formato dd/mm/aaaa --:--; ou
Use o ícone de calendário ao lado do campo para seleção visual
🔑 Regras importantes do agendamento:
É obrigatório respeitar um intervalo mínimo de 1 hora entre início e fim
O banner será publicado e removido automaticamente nas datas configuradas
Pode haver um pequeno delay devido ao cache do servidor
Upload da imagem
Imagem do Banner: Envie a imagem desejada
🔑 Dica para SEO: Renomeie o arquivo da imagem com informações relevantes do seu produto/loja/campanha. Por exemplo: colecao-de-semijoias-folheadas.jpg é melhor que IMG00023.JPG
⚠️ Importante: Evite acentos e caracteres especiais no nome do arquivo para compatibilidade com outras ferramentas.
Imagem do banner para celular
Imagem do banner para celular: Envie uma imagem otimizada para dispositivos móveis (opcional)
💡Pontos importantes:
Todos os tipos de banners da plataforma podem ter uma imagem específica para mobile
A imagem mobile será exibida em dispositivos com resolução menor que 767px
Dimensão recomendada: Largura máxima de 767px, a altura pode ser definida conforme suas preferências
O banner só será exibido no mobile se o tema usado na loja suportar esse banner na versão mobile
Esta função substitui o banner já existente no mobile, não adiciona um novo banner
⚠️ Atenção - Compatibilidade com temas:
Alguns temas usam personalizações específicas para banners mobile
Personalizações via código ou configurações de agência podem conflitar com esta funcionalidade
Se houver problemas após adicionar um banner mobile, remova a imagem e consulte a agência responsável pelo tema
Outras opções adicionais
Mapa da imagem: Use para inserir múltiplos links em diferentes áreas da imagem (clique na seta para expandir o campo)
05 - Clique em Salvar para finalizar a configuração
Dimensões dos banners
⚠️ Importante: As dimensões a seguir correspondem ao layout padrão da Loja Integrada. A partir da ativação de um tema, gratuito ou comprado, essas dimensões podem variar. Consulte o manual do tema para obter as dimensões específicas!
Full Banner
100% horizontal: Largura máxima de 1920px
Ao lado de componente: Largura máxima de 300px
Banner Tarja
Largura máxima: 1920px (exibido em todo espaço horizontal)
Mini Banners
Grupo de três banners
Abaixo do full banner: 260px cada
Abaixo do banner vitrine: 270px cada
Banner Vitrine
Sozinho: Largura máxima de 850px
Ao lado da newsletter: Largura máxima de 560px
Banner Lateral
Largura máxima: 260px
Banners Mobile
Largura máxima: 767px para todos os tipos de banner
Dúvidas Frequentes
Como funciona o banner mobile?
O banner mobile substitui a imagem do banner desktop quando a loja é acessada por dispositivos com resolução menor que 767px. É necessário que o tema suporte a exibição do tipo de banner escolhido na versão mobile.
Por que meu banner mobile não aparece?
Verifique se o tema da sua loja suporta a exibição desse tipo de banner na versão mobile. Alguns temas podem ter personalizações que impedem a exibição correta.
Posso agendar múltiplos banners para o mesmo período?
Sim, mas certifique-se de que as posições não conflitem entre si.
O que acontece se eu desativar um banner agendado?
O banner não será exibido, mesmo dentro do período agendado, se estiver desativado.
Como editar um banner já agendado?
Acesse Personalize sua loja > Banners, localize o banner desejado e clique em editar para modificar as configurações.
O que fazer se o banner mobile causar problemas na loja?
Remova a imagem do banner mobile e entre em contato com a agência responsável pelo seu tema para verificar a compatibilidade.
Resumo dos passos principais
Acesse Personalize sua loja > Banners
Clique em Adicionar banner
Configure informações básicas e upload da imagem desktop
Adicione imagem mobile (opcional)
Defina agendamento automático (opcional)
Configure mapa da imagem se necessário (expandindo o campo)
Salve as configurações
Com essas configurações, seus banners estarão inseridos e funcionando automaticamente conforme programado, otimizando sua estratégia de marketing visual tanto para desktop quanto para dispositivos móveis.
#banners #visual #agendamento #marketing #loja