1. Como criar um pop-up?
Vá para Onsites > Pop-up e clique em criar pop-up
Não há limite para a quantidade de pop-ups que você pode criar.
Todos os pop-ups são responsivos automaticamente, mas você poderá escolher se quer exibi-los apenas no desktop, apenas no mobile ou em ambos.
Clique em SALVAR antes de sair da página.
2. Escolha o objetivo que deseja alcançar
Você pode selecionar um objetivo (como aumentar cadastros, mostrar ofertas etc.) para receber sugestões de templates mais adequadas.
3. Inspire-se com os modelos prontos
Cada objetivo oferece conjuntos diferentes de templates.
Você pode explorar todos os modelos disponíveis e escolher o que preferir.
⚠️ Observação: definir um objetivo serve apenas para sugerir modelos. Você pode navegar por todos os templates livremente.
4. Após selecionar o template, vá para a aba “Design”
Agora você vai montar o visual do seu pop-up com o editor da edrone. É um construtor intuitivo e fácil de usar.
👉 Para conhecer todos os recursos do editor de Pop-ups Personalizados, clique aqui.
Se gostou da sua criação, avance para a aba Exibição.
5. Regras de exibição
Os Pop-ups são responsivos por padrão, mas você pode escolher:
Todos os dispositivos (desktop e mobile)
Apenas desktop
Apenas mobile
Depois, defina a posição na tela onde o pop-up aparecerá.
6. Configurações
Aqui, você define quando e em quais situações seu pop-up será exibido. As opções são:
Imediato – o pop-up aparece assim que a página carrega
Com atraso – defina um tempo de espera antes de exibir
Inatividade – será exibido após um tempo sem interação do usuário (você define o tempo em segundos)
Ao passar o mouse (hover) – mostrado quando o usuário passa o mouse sobre um elemento da página
⚠️ Não disponível para mobile ou todos os dispositivos
Ao rolar a página (scroll) – quando o usuário atingir 50% da rolagem
Ao mover a página para cima (page up) – quando o cursor se move para cima na página
⚠️ Não disponível para mobile ou todos os dispositivos
Ao clicar (click) – exibido após o clique em um elemento específico
Após o cadastro na newsletter – excelente para agradecer aos inscritos
Em alguns casos, será necessário inserir o seletor CSS do elemento de interação.
7. Escolha em quais páginas o pop-up será exibido
Você pode exibir o pop-up:
Em todas as páginas
Apenas na homepage
Apenas nas páginas de produto
Com base em URLs, como:
URL é exatamente...
URL não é...
URL não contém...
URL contém...
Expressão regular (Regex)
É possível combinar condições para alcançar maior precisão, por exemplo: mostrar apenas em páginas de checkout, exceto na de confirmação de compra.
8. Ajuste as configurações finais
Agendamento – escolha quando o pop-up será exibido:
Mostrar agora (ativa imediatamente e por tempo indeterminado)
Mostrar em período definido (início e fim)
Status de assinatura – defina para quem o pop-up será exibido, conforme o status de assinatura do cliente.
Tag personalizada – identifique de onde o usuário se cadastrou (útil se você usa vários elementos de captação no site).
Frequência de exibição – limite quantas vezes o pop-up será exibido por usuário (de sempre até uma vez a cada 31 dias).
Exemplo: Se o pop-up estiver ativo por 1 mês e o limite for de 1h, ele só será exibido uma vez a cada hora, por usuário.
Nomeie seu pop-up – isso facilita a organização e o acompanhamento de resultados em “Relatórios Onsite”.
9. Tudo pronto… quase!
Você verá três botões:
Salvar – para guardar suas alterações
Pré-visualizar (Preview) – para ver como o pop-up ficará na loja
Publicar – só aparecerá depois que tudo estiver salvo
Ao clicar em PREVIEW, será gerado o botão “VER NA LOJA”, que abrirá a página com o pop-up aplicado.
10. Pronto!
Se estiver satisfeito com o resultado, clique em PUBLICAR e... voilà! Seu novo Pop-up Personalizado estará ativo no seu site ✨
Precisa de mais ajuda?
Se tiver dúvidas sobre os Pop-ups Personalizados da edrone, fale com a gente: hello@edrone.me