Ir para conteúdo principal

Pop-up Customizado

Criar seus pop-ups nunca foi tão fácil!

Wioleta Jednaka avatar
Escrito por Wioleta Jednaka
Atualizado ontem

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

Isto respondeu à sua pergunta?