O banner é a primeira coisa que o cliente vê ao entrar na sua loja. Aprenda a criar banners impactantes que convertem!
🎯 O Banner Ideal
- Chama atenção imediata
- Comunica uma mensagem clara
- Tem uma chamada para ação
- Combina com a identidade da loja
Acessando Configuração de Banner
- Faça login no painel
- Clique em 🎨 Aparência
- Selecione "Banner"
Especificações do Banner
| Especificação | Recomendado |
|---|---|
| 📐 Tamanho Desktop | 1920 x 600 pixels |
| 📱 Tamanho Mobile | 800 x 800 pixels (quadrado) |
| 📁 Formato | JPG ou PNG |
| 💾 Peso máximo | 500KB (otimizado) |
| 🖼️ Quantidade | Até 5 banners (carrossel) |
Criando um Banner
Passo 1: Escolha a ferramenta
🛠️ Ferramentas Gratuitas
- Canva: canva.com - Mais fácil, muitos templates
- Photopea: photopea.com - Similar ao Photoshop, grátis
- Figma: figma.com - Profissional, ótimo para iniciantes
Passo 2: Crie o design
📝 Elementos de um Bom Banner
- Imagem de fundo: Foto atraente ou cor sólida
- Título: Curto e impactante (3-5 palavras)
- Subtítulo: Complementa o título
- Botão CTA: "Comprar Agora", "Ver Ofertas"
Passo 3: Faça upload
- Clique em "Adicionar Banner"
- Selecione a imagem
- Adicione o link de destino
- Defina a ordem (se tiver vários)
- Clique em "Salvar"
Ideias de Banner
🎯 Por Objetivo
| Promoção: | "🔥 ATÉ 50% OFF - Só Hoje!" |
| Lançamento: | "🆕 Nova Coleção Chegou!" |
| Frete Grátis: | "🚚 Frete Grátis acima de R$99" |
| Institucional: | "Qualidade que você merece 💜" |
| Sazonal: | "🎄 Natal com até 40% OFF" |
Banner para Mobile
Mais de 70% dos acessos vêm do celular. Seu banner precisa funcionar bem em telas pequenas!
📱 Dicas para Mobile
- ✅ Texto grande e legível
- ✅ Poucos elementos
- ✅ Formato mais quadrado
- ✅ Botão bem visível
- ✅ Fundo que não confunda com texto
💡 Dica Pro
Faça uma versão específica para mobile! No Canva, use o modelo "Post Instagram" (1080x1080) para criar banners otimizados para celular.
Carrossel de Banners
Você pode ter até 5 banners em rotação:
- Adicione todos os banners
- Defina a ordem de exibição
- Configure o tempo de rotação (5-10 segundos)
- Ative ou desative banners conforme necessidade
📋 Sugestão de Carrossel
- Banner 1: Promoção principal da semana
- Banner 2: Nova coleção/lançamentos
- Banner 3: Frete grátis ou benefício
- Banner 4: Categoria em destaque
- Banner 5: Institucional/sobre a marca
Erros Comuns
⚠️ Evite
- ❌ Texto pequeno demais
- ❌ Imagem pixelada/embaçada
- ❌ Muita informação no banner
- ❌ Banner sem link de destino
- ❌ Cores que não combinam com a loja
- ❌ Banner pesado (demora pra carregar)
Otimizando o Banner
Para carregar mais rápido:
- Use o TinyPNG (tinypng.com) para comprimir
- Salve como JPG para fotos
- Mantenha abaixo de 300KB se possível
- Evite PNG para imagens com muitas cores
Atualizando Banners
📅 Quando Atualizar
- ✅ Nova promoção ou campanha
- ✅ Datas sazonais (Natal, Dia das Mães...)
- ✅ Lançamento de produtos
- ✅ Pelo menos 1x por mês
Checklist do Banner
✅ Antes de Publicar
- ☐ Imagem em boa qualidade
- ☐ Texto legível no celular
- ☐ Link de destino configurado
- ☐ Banner comprimido (leve)
- ☐ Testado em desktop e mobile
- ☐ Cores combinando com a loja