Todos os sistemas operando

Bem-vindo à evob.
Como podemos ajudar?

Tudo que você precisa para tirar o máximo da sua plataforma — guias, vídeos, dúvidas frequentes e suporte humano.

Comece por aqui

Trilha sob medida pra você

Roteiros passo a passo conforme seu papel na plataforma.

Explore por área

Tudo que sua plataforma faz, organizado em pastinhas.

Os mais buscados

Atualizados recentemente

Não achou o que procurava?

Nosso time de Customer Success responde em até 30 minutos nos planos Pro e superiores.

Criar banner

criar banner na evob é um fluxo de 5 minutos se você já tem a imagem pronta — o segredo está no que você sobe (qualidade) e onde aplica (contexto).

Pré-requisitos

Antes de começar, tenha:

  • Imagem em tamanho correto (ver tabela abaixo)
  • Headline + subhead decididos (8 + 15 palavras)
  • CTA claro ("Inscreva-se", "Ver curso")
  • Link de destino (URL para onde botão leva)

Tamanhos por contexto

| Posição | Desktop | Mobile | |---|---|---| | Topo da loja | 1920×600 px | 375×400 px | | AVA do aluno | 1920×400 px | 375×250 px | | Página de oferta | 1280×400 px | 375×250 px | | Categoria | 1920×400 px | 375×250 px | | Strip promocional | 1920×80 px | 375×60 px |

💡 Suba mobile e desktop separados — sistema escolhe automaticamente. Sem versão mobile, desktop é redimensionado e fica feio.

Passo a passo

1. Acesse o painel

Lojas > [sua loja] > Marketing > Banners > + Novo banner

2. Escolha o tipo

  • 🏪 Banner da loja (homepage)
  • 📱 Banner do AVA
  • 🎫 Banner de oferta
  • 📚 Banner de categoria
  • 🎪 Strip promocional

3. Suba a imagem

Arraste e solte ou clique. Aceita:

  • PNG (transparente, recomendado)
  • JPG (mais leve)
  • WebP (mais leve ainda)

Tamanho max 2MB por imagem.

4. Preencha os textos

  • Headline (max 60 caracteres)
  • Subhead (max 150 caracteres)
  • Texto do botão (max 25 caracteres)
  • Link do botão (URL completa)
💡 Não escreva headline/subhead direto na imagem — fica ilegível em mobile. Use os campos de texto.

5. Configure aparição

  • Posição: topo, meio, lateral
  • Vigência: data início + fim (opcional)
  • Whitelist: quem vê (toda audiência ou segmento)
  • Prioridade: se múltiplos banners no mesmo slot

6. Pré-visualize

Antes de salvar, veja como fica em desktop e mobile.

7. Publique

Salvar e publicar ou Salvar como rascunho.

Headlines que funcionam

✅ Bons exemplos

``` "Comece sua carreira em Marketing — Pro Black Belt" "Black Friday: 50% off em todos os cursos" "Mentor presente, conteúdo prático. Veja o curso completo." ```

❌ Maus exemplos

``` "Bem-vindo ao melhor curso do Brasil" ← genérico, hype "Aprenda online com flexibilidade" ← vazio "Promoção" ← sem contexto ```

CTAs que convertem

``` ✅ "Quero me inscrever" (1ª pessoa) ✅ "Ver oferta" ✅ "Garantir vaga" ✅ "Aproveitar 50% off"

❌ "Clique aqui" ❌ "Saiba mais" ❌ "Submeter" ```

📖 Saiba mais: CTA do banner

Multi-banner no mesmo slot

Se você criar 3 banners para a mesma posição:

  • Carrossel: alternam automaticamente (5s cada)
  • Único ativo: só aparece o de prioridade mais alta
  • Aleatório: sistema escolhe 1 a cada visita
💡 Carrossel funciona se você tem 2-3 banners. Acima disso, aluno não vê o último.

Imagem — onde encontrar

✅ Boas fontes

  • Banco próprio (foto da equipe, alunos, produto)
  • Unsplash, Pexels (gratuitas, qualidade)
  • Designer freelancer (Workana, Fiverr)
  • IA generativa (Midjourney, DALL-E — verifique licença)

❌ Evite

  • Stock genérico ("homem terno apontando gráfico")
  • Imagem com marca d'água
  • Foto pixelada / esticada

Como aprovar internamente

Antes de publicar, mostre para 3 pessoas que não trabalharam na criação:

  1. "O que você entende do banner?"
  2. "Qual a ação esperada?"
  3. "Você clicaria?"

Se 2 de 3 não entenderem ou não clicariam = revise.

Boas práticas

✅ Faça

  • Imagem de qualidade (foto real, não stock genérico)
  • Headline clara (1 ideia única)
  • CTA proeminente (botão grande, contraste alto)
  • Teste mobile sempre
  • Versões diferentes para A/B test

❌ Não faça

  • ❌ Texto na imagem (ilegível em mobile)
  • ❌ 3 CTAs (escolha 1)
  • ❌ Imagem com marca d'água
  • ❌ Esticar imagem desktop para mobile

Erros comuns

"Botão não aparece"

  • Cor do botão muito próxima do fundo (ajuste em Marca > Cores)
  • Esquecido de preencher texto do botão

"Banner não é publicado"

  • Em rascunho? Mude para Publicado
  • Vigência venceu? Atualize datas
  • Campos obrigatórios em branco

"Imagem aparece cortada"

Razão da imagem ≠ recomendada. Use editor (Canva, Photoshop) para ajustar exatamente 1920×600 (desktop) e 375×400 (mobile).

"Tamanho do arquivo grande demais"

Comprima:

"Quero animar banner (gif)"

Aceita WebP animado (mais leve que GIF). Tamanho max 2MB.


Próximos passos


Foi útil este artigo? 👍 👎 Falar com CS (em produção) · Pergunte ao Vob 🤖 (em produção) Última atualização: 2026-05-02


Este artigo foi útil?
Sugerir uma melhoria
Ainda com dúvida?

Nosso time responde em até 30 minutos nos planos Pro e superiores.

✎ Revisão Navegue para um artigo
✨ Gemini — Editor de Ajuda

⚙ Configurações — Modo Revisão

Bunny Storage API Key (evob-docs)
Para salvar artigos diretamente no CDN
Gemini API Key
Chaves salvas no localStorage deste browser