Os pop-ups têm uma reputação complicada, e nós entendemos — muitos sites usam esses elementos de maneira incômoda e irritante. No entanto, se você segue nossas dicas, já sabe como criar pop-ups que seus clientes não apenas não se importam de ver, mas sim até apreciam!

Desenvolver uma estratégia eficaz para usar pop-ups é uma coisa, mas criá-los é outra história. Se você não tem familiaridade com o universo do design, isso pode ser uma tarefa desafiadora, mas não se preocupe – nossa ferramenta de Pop-ups Customizados torna esse processo fácil, agradável e até divertido!

Neste artigo, vamos mostrar como funciona a criação de pop-ups customizados. Para saber tudo o que nosso poderoso Editor de Pop-up pode fazer, clique aqui.


Como configurar um pop-up customizado

Para começar, faça o login no seu Mission Control e selecione a opção ONSITE > POP-UP CUSTOMIZADO na barra lateral.

Pressione o botão + para criar seu pop-up. Isso criará um widget com informações padrão. Clique nele para começar a edição.

Alguns detalhes importantes sobre o processo de criação de pop-ups customizados:

  • Não há limites para quantos pop-ups você pode criar.

  • Todos os pop-ups são responsivos, mas você poderá escolher se deseja exibi-los apenas no desktop, apenas em dispositivos móveis, ou em ambos (consulte o Passo 3).

  • Seu trabalho será salvo automaticamente a cada 60 segundos, mas certifique-se de clicar no botão SALVAR antes de sair da página.

Passo 1: Objetivo

A primeira coisa que você precisa fazer é definir o objetivo do seu Pop-up Customizado.

  • Construir uma base de inscritos – escolha esta opção se você deseja exibir um pop-up com formulário para coleta de e-mails e outras informações pessoais do usuário, como nome, gênero ou data de aniversário.

  • Aumentar as vendas – escolha esta opção se quiser exibir um pop-up com foco em imagens e textos promocionais ou até mesmo um cupom de desconto.

  • Recomendar outros produtos – esta é uma opção avançada disponível apenas para clientes que utilizam a Marketing Machine. Com ela, é possível exibir recomendações personalizadas de produtos para cada usuário no pop-up. Se você deseja ativar esta opção, entre em contato com nossa equipe de suporte.

Após selecionar um objetivo, você verá diferentes templates personalizados para escolher.

NOTA: Definir um objetivo é apenas uma maneira de sugerirmos templates personalizados para determinada campanha. No entanto, você pode acessar todos os templates disponíveis na ferramenta e escolher o seu preferido, independentemente da sua estratégia.

Depois de escolher seu template, passe para a próxima etapa na aba Design.

Passo 2: Design

Agora vamos para a parte mais divertida! Você vai criar um pop-up customizado com o nosso editor de pop-ups.

Para saber tudo o que você pode fazer com o editor de Pop-ups Customizados, clique aqui.

Quando estiver satisfeito com o design do seu pop-up, clique na aba Exibição e passe para a terceira etapa do processo.

Passo 3: Exibição

Todos os pop-ups customizados são responsivos (ou seja, se adaptam a qualquer tamanho de tela, seja desktop ou dispositivos móveis), mas talvez você queira exibir seu pop-up em dispositivos específicos, dependendo da estratégia da sua campanha. Por isso, você pode personalizar a exibição para:

  • ambos (desktop e mobile);

  • somente desktop;

  • somente mobile.

Depois de selecionar a melhor opção para o seu objetivo, você poderá escolher a posição em que seu pop-up aparecerá na tela.

Posições para pop-ups no desktop:

  • superior esquerdo;

  • superior direito;

  • inferior esquerdo;

  • inferior direito;

  • centro.

Posições para pop-ups no mobile:

  • superior;

  • inferior;

  • centro.

Após escolher o dispositivo e a posição para exibição do seu pop-up, vá para a última etapa na aba Configurações.

Passo 4: Configurações

Seu pop-up customizado está quase pronto! Agora você precisa indicar as regras que vão determinar quando e onde seu pop-up será exibido.

Primeiro, você precisa estabelecer o gatilho — condição ou ação que fará com que o seu pop-up seja exibido.

  • Imediatamente – O seu pop-up será exibido imediatamente.

  • Atraso – O seu pop-up será exibido após um período de atraso.

    • Você deve inserir o tempo de atraso, em segundos, na caixa de texto que aparecerá abaixo.

  • Inatividade – O seu pop-up será exibido após o tempo de inatividade selecionado.

    • Você deve informar o tempo de inatividade, em segundos, na caixa de texto que aparecerá abaixo.

  • Hover – O seu pop-up será exibido quando o usuário passar o cursor sobre o elemento selecionado.

    • Esse gatilho não estará disponível se você escolher "ambos" ou "mobile" no Passo 3.

    • Você deve inserir o Seletor CSS na caixa de texto que aparecerá abaixo.

  • Scroll – O seu pop-up será exibido depois que o usuário rolar 50% da página.

  • Saída – O seu pop-up será exibido quando o usuário mover o cursor para o topo da tela, em direção ao botão de fechar a aba do navegador.

    • Esse gatilho não estará disponível se você escolher "ambos" ou "móvel" na Etapa 3.

  • Clique – O seu pop-up será exibido assim que o usuário clicar no elemento selecionado.

    • Você deve inserir o Seletor CSS na caixa de texto que aparecerá abaixo.

  • Inscrição de newsletter – O seu pop-up será exibido depois que o usuário assinar a newsletter.

    • Essa é uma ótima opção para criar um pop-up de agradecimento.

  • Programa "Indique um amigo" – O seu pop-up será exibido quando o usuário acessar a sua loja usando um link de afiliado (enviado por um cliente que participa do Programa "Indique um amigo").

    • Isto é necessário para poder coletar o e-mail do novo cliente de uma forma que respeite a LGPD.

Agora é hora de configurar o local — ou seja, em qual(is) página(s) do seu site você deseja que o pop-up seja exibido.

  • Todas as páginas

  • Página inicial (somente na página inicial)

  • Páginas de produtos (somente nas páginas de produtos)

  • Baseado na URL

    • URL é...

    • URL não é...

    • URL não contém...

    • URL contém ...

    • Regex

Você pode combinar as condições de URL para atender às suas necessidades. Por exemplo, você pode adicionar o pop-up a todas as páginas do seu processo de checkout, exceto após a compra. Neste caso, suas opções seriam:

  • URL contém: checkout

  • URL não é: /checkout/obrigado

Em seguida, selecione as datas em que o seu pop-up vai aparecer.

  • Exibir agora: iniciar imediatamente e mantê-lo ativo indefinidamente.

  • Período de exibição: selecione uma data para iniciar e terminar a exibição do seu pop-up.

Você também pode definir um limite de quantas vezes o seu pop-up vai aparecer para cada usuário. Você pode escolher entre várias opções, desde sempre (sem limites) até uma vez a cada 31 dias.

Por fim, dê um nome ao seu pop-up personalizado. Isso vai te ajudar a identificá-lo mais tarde quando quiser gerenciar todos os seus pop-ups ou verificar o seu desempenho no Relatório no local.

Salvar, visualizar ou publicar

Tudo pronto? Na etapa final, você vai ver três botões: Salvar, Visualizar e Publicar.

Se você tiver alterações não salvas, só poderá clicar no botão SALVAR.

Depois de fazer isso, o botão SALVAR ficará desativado e os outros dois botões estarão disponíveis: VISUALIZAR e PUBLICAR.

Ao clicar no botão VISUALIZAR, você poderá ver uma prévia do seu pop-up em sua loja. Um novo botão chamado VER NA LOJA aparecerá, e ao clicar nele você acessará uma visualização da sua loja com o pop-up customizado.

Quando estiver feliz com a visualização, basta clicar no botão PUBLICAR (PUBLISH) e voilà — seu novo Pop-up Customizado está ativo :)

Continue o ótimo trabalho!


Precisa de mais ajuda?

Se você tiver mais alguma dúvida sobre como criar Pop-ups Cersonalizados, fique à vontade para entrar em contato conosco pelo e-mail hello@edrone.me.


Não era isso que você estava procurando? Tente um desses artigos:

Encontrou a sua resposta?