CTA do banner
o CTA (Call to Action) é o único motivo do banner existir — é o botão que converte visualização em ação. CTA fraco = banner decorativo.
O que é CTA
CTA = Call To Action = chamada para ação.No banner, é o botão principal que leva ao destino:
``` ┌─────────────────────────────┐ │ HEADLINE │ │ subhead │ │ │ │ [ Quero me inscrever ] ← CTA └─────────────────────────────┘ ```
Anatomia do CTA
1. Texto do botão
- ✅ "Quero me inscrever"
- ✅ "Ver oferta"
- ✅ "Garantir vaga"
2. Link de destino
URL onde o aluno chega após clicar.
3. Cor e tamanho
Botão destaca-se visualmente — cor primária, tamanho grande.
4. Posicionamento
Geralmente abaixo do headline + subhead, alinhado à esquerda ou centralizado.
CTAs que convertem
✅ Tom direto e em 1ª pessoa
``` "Quero me inscrever" ← 1ª pessoa = ação clara "Vou começar agora" "Aproveitar o desconto" ```
✅ Verbo + benefício
``` "Garantir vaga limitada" "Receber bônus exclusivo" "Acessar conteúdo grátis" ```
✅ Urgência (se real)
``` "Inscrever antes que feche" "Aproveitar antes do dia 30" ```
❌ Vagos / passivos
``` ❌ "Clique aqui" ← não diz o que vai acontecer ❌ "Saiba mais" ← não promete ação ❌ "Submeter" ← passivo, jargão ❌ "Continuar" ← sem contexto ```
Cor do botão
Use a cor primária da paleta. Razões:
- ✅ Consistência visual
- ✅ Aluno reconhece "isso é botão de ação"
- ✅ Contraste pré-validado
Para casos especiais (urgência), use cor secundária ou vermelho:
- 🔴 Vermelho — Black Friday, urgência extrema
- 🟢 Verde — confirmação, ação positiva
- 🟡 Amarelo — promoção, destaque
📖 Saiba mais: Paleta de cores
Tamanho do botão
Desktop
- Largura mínima: 200px
- Altura: 48-56px
- Texto: 16-18px bold
Mobile
- Largura: 80% da tela
- Altura: 56-64px (toque confortável)
- Texto: 17-18px bold
💡 Botão pequeno em mobile = aluno não acha. Sempre teste.
Múltiplos CTAs — quando usar
✅ Aceitável
- 1 CTA primário + 1 secundário ("Quero comprar" + "Ver detalhes")
- Acima de 2 = confunde
❌ Anti-padrão
``` ┌─────────────────────────────┐ │ Curso novo! │ │ │ │ [Comprar] [Ver mais] │ │ [Trial grátis] [Contato] │ │ [Compartilhar] [Salvar] │ └─────────────────────────────┘ ```
Resultado: aluno paralisado, não clica em nada.
Link de destino
✅ Opções comuns
- `/cursos/[slug]` — página da oferta
- `/checkout?coupon=BF50` — checkout com cupom aplicado
- `/categoria/marketing` — categoria
- `/eventos/lancamento` — landing page especial
❌ Evite
- Link externo sem warning
- URL com 100 parâmetros (visualmente quebrado em pré-vis)
- 404 (link não funciona)
Métricas do CTA
A evob rastreia automaticamente:
- 👀 Impressões (quantos viram)
- 🖱️ Cliques (quantos clicaram)
- 📊 CTR (taxa de clique = cliques / impressões)
- 💰 Conversões atribuídas (se levou a venda)
Veja em Marketing > Banners > [banner] > Métricas.
Benchmarks de CTR
| Posição | CTR saudável | |---|---| | Banner topo loja | 1-3% | | Banner AVA | 3-5% | | Banner oferta (já interessado) | 8-15% | | Strip promocional | 0.5-2% |
A/B test de CTA
Crie 2 banners com só o CTA diferente:
``` Banner A: "Quero me inscrever" Banner B: "Garantir vaga" ```
Sistema alterna 50/50 aos visitantes. Após 1.000 impressões cada, decide vencedor.
📖 Saiba mais: Teste A/B de banner
Boas práticas
✅ Faça
- 1 CTA primário sempre
- Verbo + benefício ("Garantir vaga limitada")
- 1ª pessoa quando possível ("Quero...")
- Cor primária ou vermelho (urgência)
- Botão grande (mobile-first)
❌ Não faça
- ❌ "Clique aqui"
- ❌ 3+ CTAs no mesmo banner
- ❌ Botão pequeno em mobile
- ❌ Link quebrado / 404
- ❌ Texto longo no botão (max 25 caracteres)
Erros comuns
"CTA tem alta impressão mas baixo clique"
CTR < 1%? Possíveis causas:
- Texto vago ("Saiba mais") — reescreva com verbo + benefício
- Botão pequeno / cor sem contraste
- Headline irrelevante (não vende)
"CTR alto mas conversão baixa"
Aluno clica mas não compra. Causas:
- Promete X, entrega Y (banner promete desconto, página não tem)
- Página de destino lenta
- Checkout com fricção
"Não vejo botão no banner"
- Cor do botão = fundo do banner (sem contraste)
- Esquecido de configurar texto
"Botão funciona desktop mas não mobile"
Tamanho insuficiente para toque. Mínimo 56px de altura em mobile.
"Quero múltiplos CTAs (compra + WhatsApp)"
Aceitável 1 primário + 1 secundário pequeno. Não 2 igualmente proeminentes.
``` [Quero comprar] (primário grande) Falar no WhatsApp → (secundário discreto) ```
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