Parte dos visitantes fecha o Pop-Up não porque não quer o desconto, mas porque quer primeiro ver os produtos e conferir os preços. O teaser é um launcher que permanece na página depois que o Pop-Up é fechado e permite voltar ao formulário em qualquer momento da visita — sem exibir a janela grande de novo.
Segundo dados internos da edrone, um Pop-Up padrão sem teaser converte em média cerca de 1%, enquanto um Pop-Up combinado com teaser converte cerca de 3%. O teaser não força a decisão na hora e dá uma segunda chance de cadastro.
💡 Quick Win: O teaser vem desativado por padrão. Se você já tem um Pop-Up rodando, abra a seção Configurar teaser — só ativar essa opção já pode aumentar o número de cadastros sem mudar mais nada na campanha.
Como ativar o teaser
Você configura o teaser no painel de ajustes do Pop-Up. Expanda a seção Configurar teaser e ative Ativar teaser.
O teaser aparece seguindo as mesmas regras do Pop-Up — localização, agendamento, dispositivo e status de inscrição. Você não define essas regras separadamente, então se o Pop-Up é exibido apenas para usuários desconhecidos, só eles verão o teaser também.
Tipo de teaser
Tipo | Como aparece | Quando usar |
Balão | Ícone com uma mensagem curta em formato de balão | Escolha universal para começar — visível, mas sem dominar a tela |
Botão | Botão clássico com texto | Quando você quer um CTA claro, como “Garanta 10% de desconto” |
Canto | Elemento encaixado no canto da tela | Quando você quer economizar espaço e interferir o mínimo possível no layout |
Aba lateral | Elemento fixado na borda esquerda ou direita da tela | Quando os cantos inferiores já estão ocupados pelo widget de chat ou outros elementos |
Barra fixa | Barra visível durante toda a visita | Para mensagens que precisam estar sempre presentes, como uma promoção por tempo limitado |
Adesivo | Formato leve e decorativo | Quando você não quer quebrar a estética da página com um elemento pesado |
Posição do teaser
Você tem oito posições disponíveis: canto superior esquerdo, topo centralizado, canto superior direito, meio à esquerda, meio à direita, canto inferior esquerdo, base centralizada e canto inferior direito.
Você também define o Deslocamento horizontal e o Deslocamento vertical em pixels (24 px cada um por padrão). Use esses campos para afastar o teaser da borda da tela ou de outro elemento.
⚠️ Importante: A posição padrão é o canto inferior direito — justamente onde costuma ficar o widget de chat, incluindo o Agente de Vendas IA. Se a loja tem chat, escolha o canto inferior esquerdo ou a aba lateral, ou aumente o deslocamento vertical. Elementos sobrepostos reduzem a eficácia dos dois.
Aparência
Configuração | O que faz |
Arredondamento dos cantos | Grau de arredondamento dos cantos do teaser (16 px por padrão) |
Cor de fundo | Cor principal de fundo do teaser (código HEX) |
Cor do ícone e do texto | Cor do conteúdo — garanta contraste em relação à cor de fundo |
Cor do ícone de fechar | Cor do “x” que oculta o teaser |
Exibir sombra | Adiciona profundidade ao redor do teaser; melhora a visibilidade em fundo claro |
Ícone
Você tem sete ícones disponíveis: Porcentagem, Selo de porcentagem, Etiquetas, Presente, Sino, Estrela e Estrela em círculo. Escolha o ícone de acordo com o benefício oferecido:
Porcentagem ou Selo de porcentagem — desconto percentual
Etiquetas — promoção ou liquidação
Presente — brinde no pedido, prêmio da Roleta da Sorte
Sino — aviso de promoção ou de retorno de produto ao estoque
Estrela ou Estrela em círculo — programa de fidelidade, oferta em destaque
Movimento
Movimento | Efeito | Quando usar |
Nenhum | O teaser fica estático | Quando a página já tem outros elementos animados |
Pulsar | O teaser pulsa suavemente | Quando você quer chamar atenção sem um efeito agressivo |
Balançar | O teaser faz um movimento curto | Em gamificação, como a Roleta da Sorte, em que o movimento combina com a mecânica |
📌 Dica: Não use animação se a loja já tem banner animado, chat ou carrossel. Vários elementos em movimento ao mesmo tempo dispersam o usuário em vez de direcionar a atenção dele.
Exibir ícone de fechar
Essa opção permite que o visitante oculte o teaser sem abrir o Pop-Up.
Recomendamos deixar ativada. O usuário que não tem interesse em se cadastrar pode tirar o elemento da tela em vez de vê-lo durante toda a visita. Isso melhora a experiência de navegação na loja e reduz o risco de o teaser ser percebido como invasivo.
Boas práticas
O teaser não substitui o Pop-Up. O Pop-Up chama a atenção, o teaser permite voltar ao formulário depois que ele é fechado. Os dois funcionam melhor juntos.
Mostre o benefício, não a funcionalidade. “Garanta 10% de desconto” funciona melhor do que “Newsletter”.
Verifique colisões. O teaser não pode cobrir o widget de chat, a barra de cookies, ícones de contato, menu fixo nem o botão “adicionar ao carrinho”.
Teste no celular. Posição e tamanho que funcionam no monitor raramente funcionam em tela pequena. O teaser precisa ser fácil de tocar com uma mão só.
Exiba para as pessoas certas. Defina o status de inscrição do Pop-Up como Apenas desconhecidos ou Descadastrados e desconhecidos — o teaser herda essa configuração e não vai oferecer cadastro a quem já está na base.
Teaser e Roleta da Sorte
No Pop-Up com Roleta da Sorte, o teaser compensa ainda mais — o usuário que não girou a roleta na hora pode voltar ao sorteio depois. Nesse caso, use o ícone Presente ou Estrela em círculo e o movimento Pulsar.
Confira antes de publicar
✅ O teaser aparece depois que o Pop-Up é fechado — teste no site no ar, não só na pré-visualização.
✅ Ele não se sobrepõe ao chat, à barra de cookies, ao menu fixo nem ao CTA da loja.
✅ Ele está legível e fácil de tocar no celular.
✅ O clique abre o formulário de cadastro.
✅ A cor do ícone e do texto tem contraste suficiente com a cor de fundo.
✅ Ele não é exibido para quem já está cadastrado na base.
Perguntas frequentes
O teaser substitui o Pop-Up?
Não. O teaser funciona como complemento — o Pop-Up chama a atenção do usuário e o teaser permite que ele volte ao formulário depois de fechá-lo.
Preciso configurar as regras de exibição do teaser separadamente?
Não. O teaser herda as regras de localização, agendamento, dispositivo e status de inscrição do Pop-Up ao qual pertence.
O teaser funciona com a Roleta da Sorte?
Sim. O teaser faz parte da configuração do Pop-Up, então você pode ativá-lo também em um Pop-Up com Roleta da Sorte.
Ficou com dúvidas?
Se precisar de mais ajuda, chama a gente no chat 💬 ou pelo e-mail hello@edrone.me.