Os pop-ups têm uma reputação complicada — e a gente entende. Muitos sites os utilizam de forma invasiva e irritante.
Criar uma estratégia eficaz para o uso de pop-ups é uma coisa, mas executá-la pode parecer desafiador se você não estiver acostumado(a). A boa notícia? O construtor de Pop-ups Personalizados da edrone torna esse processo simples e até divertido!
Neste artigo, vamos explicar o processo de criação passo a passo. Para saber tudo o que o editor de pop-ups da edrone pode fazer, clique aqui.
Como configurar um Pop-up Personalizado
Vá para Onsites > Pop-up e clique em criar pop-up
Clique em “Criar pop-up” para criar seu pop-up.
✅ Algumas informações importantes:
Você pode criar quantos pop-ups quiser — sem limite.
Todos os pop-ups são responsivos por padrão, e você pode escolher se quer exibi-los apenas no desktop, apenas no mobile ou em ambos.
O trabalho é salvo automaticamente a cada 60 segundos, mas, por segurança, clique em SALVAR antes de sair.
Etapa 1: Objetivo
A primeira coisa é escolher o objetivo do seu Pop-up:
Captar leads – Ideal para mostrar um formulário e coletar emails, nomes, aniversários etc.
Aumentar vendas – Exibe imagens promocionais, textos e cupons de desconto.
⚠️ O objetivo serve apenas para sugerir templates. Você pode explorar todos e escolher o que quiser.
Depois de escolher o template, clique na aba Design.
Etapa 2: Design
Agora vem a parte divertida: criar o layout do seu pop-up usando o editor intuitivo da edrone.
Você pode também configurar um segundo pop-up que será exibido após o cadastro na newsletter — útil para coletar, por exemplo, telefone e data de nascimento sem pedir o e-mail de novo.
👉 Quando estiver satisfeito(a) com o design, vá para a aba Exibição.
Etapa 3: Exibição
Todos os pop-ups são responsivos, mas você pode escolher em quais dispositivos quer exibir:
Ambos (desktop e mobile)
Somente desktop
Somente mobile
Depois, escolha a posição do pop-up na tela:
No desktop:
Canto superior esquerdo
Canto superior direito
Canto inferior esquerdo
Canto inferior direito
Centro
No mobile:
Topo
Fundo
Centro
Em seguida, vá para a etapa final: Configurações.
Etapa 4: Configurações
Aqui você define quando e onde o pop-up será exibido.
Gatilhos disponíveis (quando mostrar o pop-up):
Imediato – aparece sem atraso
Com atraso – defina o tempo (em segundos)
Inatividade – mostra após um tempo sem interação
Hover – quando o usuário passar o cursor sobre um elemento
⚠️ Indisponível para "ambos" ou "somente mobile"
Scroll – ao rolar 50% da página
Saída (Exit) – quando o cursor se move para o topo da tela
⚠️ Indisponível para "ambos" ou "somente mobile"
Clique – ao clicar em um elemento específico
Assinatura na Newsletter – ideal para pop-up de “obrigado”
Programa de Indicação – quando alguém acessa seu site por link de um cliente participante do programa
Alguns gatilhos exigem que você insira o seletor CSS do elemento.
Local onde o pop-up será exibido:
Em todas as páginas
Apenas na homepage
Apenas em páginas de produto
Baseado em URL:
URL é...
URL não é...
URL não contém...
URL contém...
Expressão regular (Regex)
Você pode combinar condições para mais precisão (por exemplo, mostrar em páginas de checkout, exceto a de confirmação).
Agendamento:
Mostrar agora – ativa imediatamente, sem data de término
Mostrar por período definido – defina data de início e fim
Outras configurações:
Escolha o status de assinatura do usuário que verá o pop-up
Atribua uma tag personalizada ao usuário após o cadastro (útil para identificar de onde veio o lead)
Defina a frequência de exibição por usuário:
Sempre
A cada 1h, 6h, 24h, 7 dias, 31 dias, etc.
Nomeie seu pop-up
Escolha um nome para facilitar a organização e análise futura em Relatórios Onsite.
Salvar, Pré-visualizar ou Publicar
Tudo pronto? Você verá três botões:
Salvar
Pré-visualizar (Preview)
Publicar
Se houver alterações não salvas, apenas o botão SALVAR ficará disponível.
Depois de salvar, o botão PRÉ-VISUALIZAR ficará ativo. Clicando nele, aparecerá a opção “VER NA LOJA”, para visualizar o pop-up em sua loja.
Se estiver tudo certo, clique em PUBLICAR e... voilà! Seu novo Pop-up Personalizado está no ar 🎉
Precisa de mais ajuda?
Se tiver dúvidas sobre como criar Pop-ups Personalizados, entre em contato:
📧 hello@edrone.me