O Ímã de Leads suporta três formatos visuais distintos. Esta página explica cada um, quando usar e como combinar para maximizar captura sem irritar o visitante.
Visão geral
| Formato | Onde aparece | Disrupção | Conversão típica |
|---|---|---|---|
| Popup | Sobreposto à tela | Alta | 3% a 10% |
| Barra fixa | Topo ou rodapé fixo | Média | 1% a 4% |
| Formulário in-page | Dentro de uma página específica | Baixa | 0,5% a 2% |
Conversão = visitantes únicos que viram o formato e deixaram contato.
Popup
Como aparece
Modal central que sobrepõe a tela com fundo escurecido. Visitante precisa interagir (preencher ou fechar).
Quando usar
- Você quer capturar leads em volume, mesmo com fricção
- Sua loja tem tráfego suficiente para ROI valer (idealmente 1.000+ visitantes por dia)
- Você tem oferta atrativa (cupom, conteúdo, frete grátis)
Boas práticas
- Use gatilho inteligente (após 30s, scroll 50%, exit-intent) — nunca imediatamente
- Limite a 1 popup por sessão — múltiplos disparos irritam
- Inclua botão de fechar visível — UX exige
- Não bloqueie navegação por mais de 1 segundo
- Em mobile, considere formato menor (não cobrir 100% da tela)
Casos típicos de uso
- Loja nova querendo crescer base rapidamente
- Campanha de Black Friday com oferta de cupom
- Lançamento de coleção exigindo cadastro
Barra fixa
Como aparece
Faixa estreita no topo (ou rodapé) da página, persistente durante navegação. Permanece visível enquanto visitante navega.
Quando usar
- Você quer presença constante sem interromper navegação
- Sua oferta é simples e clara (cabe em uma linha)
- Você prefere conversão menor mas constante
Boas práticas
- Texto muito curto (até 60 caracteres) — barra é pequena
- Use cor de marca contrastante com o resto do site
- Permita fechar com X (cliente que fecha não verá no resto da sessão)
- Em mobile, escolha rodapé se topo está com menu — evite obstruir conteúdo
Casos típicos de uso
- Anúncio permanente de cupom de boas-vindas
- Frete grátis acima de X
- Promoção do mês
Formulário in-page
Como aparece
Bloco integrado a uma página específica do site (no fluxo natural da página). Não sobrepõe nada, é parte do conteúdo.
Quando usar
- Você tem página de alta intenção (página sobre, blog, página de produto premium)
- Você quer menor fricção possível mesmo com volume baixo
- Você tem conteúdo que justifica cadastro (ebook, guia, tutorial)
Boas práticas
- Posicione no fluxo lógico da leitura (não após o final, onde já saiu da intenção)
- Texto explicando o que o lead vai receber é essencial
- Use CTA específico ("Receber o guia", "Quero o cupom") — não "Cadastrar"
Casos típicos de uso
- Blog de moda com conteúdo educativo
- Página de coleção exclusiva
- Página de marca/sobre nós com newsletter dedicada
Combinando os 3
Estratégia recomendada para loja com tráfego médio (5.000+ visitantes/mês):
- Barra fixa sempre ativa com oferta de boas-vindas (cupom 10%)
- Popup com exit-intent apenas para visitantes novos
- Formulário in-page em páginas de blog ou conteúdo específico
Coexistência sem irritar:
- Visitante que já fechou popup não vê novo popup naquela sessão
- Quem se cadastrou em qualquer formato é excluído dos outros
- Barra fixa esconde se visitante já é cliente identificado
Onde configurar
Otto > Ímã de Leads > Formatos.
Para cada formato, você define:
- Status (ativo/inativo)
- Texto do título e descrição
- Cor (segue marca por padrão)
- Gatilho (ver Gatilhos de exibição do popup)
- Cupom oferecido (configurável em Cupons)
- Página(s) onde aparece (todas, específicas, exceto X)
Pré-visualização
Em Ímã de Leads > Preview, há simulação visual de cada formato em desktop e mobile. Use antes de publicar.
Limitações
- Apenas um popup por visitante por sessão
- Apenas uma barra fixa ativa por vez
- Formulários in-page podem coexistir em páginas diferentes (sem limite)
- Popup com vídeo ou multi-step não disponível no MVP
<!-- TODO: confirmar com Gabriel se popup multi-step entra no roadmap -->
Performance e impacto no site
Os formatos do ShopIA são carregados via JS embed assíncrono — não impactam tempo de carregamento da página principal. O script tem ~12kb minificado e gzipado.
Em sites com Core Web Vitals já degradados, monitore. Lojas otimizadas não notam diferença.