Últimas notícias da SeedProd

Tutoriais, dicas e recursos do WordPress para ajudar a expandir seus negócios

pop-up de saída do wordpress

Como criar um pop-up de intenção de saída no WordPress 

Escrito por: imagem do autor Stacey Corrin
imagem do autor Stacey Corrin
Stacey escreve sobre WordPress e marketing digital há mais de 10 anos e sobre outros tópicos há muito mais tempo. Além disso, ela é fascinada por web design, experiência do usuário e SEO.
     Avaliado por: Turner John
imagem do revisor Turner John
John Turner é o cofundador da SeedProd. Ele tem mais de 20 anos de experiência em negócios e desenvolvimento e seus plug-ins foram baixados mais de 25 milhões de vezes.

Você deseja criar um pop-up de intenção de saída no WordPress? Se estiver realizando um concurso, promovendo um novo produto ou cupom de comércio eletrônico ou se quiser aumentar sua lista de e-mails, o uso de um pop-up de intenção de saída pode ajudar a aumentar os leads e as conversões.

Neste artigo, mostraremos a você como criar um pop-up de intenção de saída no WordPress para aumentar seus assinantes e a receita da empresa.

Índice

Mas, primeiro, vamos dar uma olhada no que é um pop-up de intenção de saída.

O que é um pop-up de intenção de saída?

Você já se perguntou sobre aquelas janelas repentinas que aparecem quando você está prestes a sair de um site? Bem, elas são chamadas de "Exit Intent Popups". Essa ferramenta inteligente foi criada para converter possíveis abandonos em usuários engajados.

Exemplo de pop-up de intenção de saída

Como o nome indica, um pop-up de intenção de saída é acionado quando o movimento do cursor do visitante sugere que ele está prestes a sair da página.

A ideia é chamar a atenção do usuário, normalmente oferecendo algo atraente, como um desconto, um recurso gratuito ou pedindo que ele se inscreva. Eles são uma ferramenta incrível quando se trata de retenção de usuários do site, geração de leads e abandono de carrinho no WordPress.

Então, por que você deve usar um pop-up de saída em vez de um pop-up imediato típico? Vamos descobrir.

Popups de intenção de saída vs. Popups instantâneos

Um pop-up de intenção de saída é acionado quando um usuário tenta sair do seu site. O objetivo dessa estratégia é fazer com que os usuários reconsiderem sua decisão ou oferecer-lhes algo de valor antes que saiam.

Por outro lado, os pop-ups instantâneos aparecem imediatamente assim que o visitante chega ao seu site. Embora ambos sirvam para envolver seu público, eles o fazem em diferentes estágios da jornada do usuário.

Entender essa distinção permite que você escolha estrategicamente qual opção atende melhor às suas necessidades.

Os pop-ups de intenção de saída funcionam?

Você pode estar se perguntando: "Os pop-ups de intenção de saída realmente funcionam?" Bem, você não está sozinho em sua curiosidade.

Quando se trata de estratégias de marketing on-line, é essencial separar o joio do trigo. Portanto, vamos nos aprofundar nas estatísticas que mostram como os pop-ups de intenção de saída são realmente eficazes:

Pronto para criar um pop-up de intenção de saída? Vamos nos aprofundar e dar um passo de cada vez.

Como criar um pop-up de intenção de saída no WordPress

Para este tutorial, usaremos o OptinMonster para criar um pop-up de intenção de saída no WordPress.

Embora existam outros plug-ins de pop-up de intenção de saída disponíveis, o OptinMonster é a melhor opção para todos os tamanhos de empresa. É uma ferramenta de marketing formidável que torna incrivelmente simples o crescimento de sua lista de e-mails, a geração de mais leads e o aumento das vendas. 

Plugin de geração de leads pop-up para WordPress OptinMonster

O OptinMonster oferece uma variedade de tipos de campanha. Esses tipos incluem:

  • Popups de lightbox responsivos
  • Popups de intenção de saída
  • Campanhas deslizantes
  • Barras flutuantes de olá
  • Tapetes de boas-vindas em tela cheia
  • Widgets da barra lateral
  • Formulários de contato

Com o OptinMonster, as possibilidades de criar vários pop-ups para sua página da Web são infinitas.

Cada campanha tem vários modelos personalizáveis e compatíveis com SEO que você pode editar usando o construtor de pop-ups de arrastar e soltar. Por exemplo, você pode adicionar cronômetros de contagem regressiva, mensagens personalizadas, compartilhamento social e muito mais.

Além disso, o OptinMonster se integra a vários serviços de marketing por e-mail e autoresponders, como Mailchimp, AWeber, Constant Contact, HubSpot e outros.

Você pode saber mais sobre esse poderoso plugin de popup para WordPress em nossa análise detalhada do OptinMonster.

Etapa 1. Registre-se no OptinMonster

Para começar, clique aqui para começar a usar o OptinMonster. O preço do OptinMonster não oferece uma versão gratuita ou um plano gratuito. Você precisará de pelo menos um plano Pro para experimentar toda a gama de recursos avançados.

Em seguida, faça login na área de sua conta do OptinMonster, que será semelhante ao exemplo abaixo.

criar pop-up de saída no WordPress com o optinmonster

Etapa 2. Criar uma nova campanha

A próxima etapa é clicar no botão verde Create New Campaign (Criar nova campanha ).

Criar uma nova campanha no OptinMonster

Isso o levará a uma tela para selecionar um novo tipo de campanha. Como você deseja criar um popup de saída, escolha o tipo de campanha Popup.

escolha o tipo de campanha do OptinMonster Popup

Em seguida, selecione um modelo de pop-up para começar.

Modelos de pop-up de saída do OptinMonster

Os modelos de campanha da OptinMonster têm várias opções de filtragem. Você pode filtrar os modelos por Meta, Dispositivo, Categoria e até mesmo os mais recentes.

Em nosso exemplo, filtramos os modelos para mostrar os mais adequados à segmentação de visitantes que abandonam o site, que é um dos principais objetivos de um formulário opt-in pop-up de saída.

Filtrar modelos de pop-up de saída para direcionar os visitantes que abandonam o site

Para visualizar um modelo, passe o mouse sobre um modelo de sua preferência e clique em Preview (Visualizar).

Se você estiver satisfeito com a aparência, clique em Use Template (Usar modelo). Isso abre uma janela pop-up para dar um nome à sua campanha e adicionar um site para exibi-la.

Dê um nome ao seu modelo de pop-up de saída e conecte-o a um site

Clique em Start Building para criar sua campanha e acessar o criador de campanhas e formulários de opt-in do OptinMonster. Você verá o modelo escolhido no criador de pop-ups e terá acesso a um conjunto quase ilimitado de ferramentas para personalizar seu pop-up de saída.

Agora você pode começar a personalizar seu pop-up de saída no editor de campanhas

Etapa 3. Personalize seu pop-up de intenção de saída

É fácil personalizar seu pop-up.

Com o editor de arrastar e soltar, você pode alterar o estilo da fonte, a cor, o alinhamento, os elementos HTML e muito mais, selecionando qualquer texto e escolhendo suas opções de personalização.

Edite o texto do pop-up de saída com o editor de texto em linha do OptinMonster

Alterar seu botão de chamada para ação é igualmente simples. Clique no botão em seu modelo e selecione suas alterações no painel esquerdo.

Personalize o botão de call to action do pop-up de saída

Você pode até mesmo adicionar uma imagem de fundo ou cor gradiente para combinar com o estilo e a marca do seu site. Clique em qualquer lugar do plano de fundo do pop-up e edite-o usando as ferramentas fornecidas no painel esquerdo.

Personalize o plano de fundo de seu pop-up de saída

Quando o pop-up de saída tiver a aparência desejada, você estará pronto para definir as regras de exibição.

Etapa 4. Escolha suas regras de exibição do popup de intenção de saída

As regras de exibição no OptinMonster usam modais Javascript para controlar quando o pop-up é exibido no site e quem pode vê-lo.

Clique no botão Display Rules (Regras de exibição ) na parte superior da tela para ver as configurações disponíveis. Por padrão, sua campanha está configurada para ser exibida a todos os visitantes do site após 5 segundos da chegada à sua página.

Clique no botão Exibir regras

Para criar um pop-up de saída, altere a condição "if" para saída detectada.

Escolha a condição de saída detectada para seu pop-up de saída

Você pode fazer isso clicando na caixa suspensa, procurando por "exit" na caixa de pesquisa e clicando na opção Exit-Intent. Seu pop-up só será exibido se alguém indicar que está prestes a sair do seu site.

Clique no botão da próxima etapa

Agora, clique no botão Next Step (Próxima etapa ) para escolher uma ação para o seu pop-up.

É aqui que você pode selecionar a visualização da campanha que deseja que as pessoas vejam. No nosso caso, queremos que as pessoas vejam nosso pop-up de saída quando o conjunto de regras for aprovado.

Escolha a visualização da campanha Optin para seu pop-up de intenção de saída

Portanto, certifique-se de que a configuração Optin esteja selecionada no menu suspenso e clique em Next Step (Próxima etapa).

Veja o resumo de sua campanha de pop-up de saída e clique em salvar

Agora você verá um resumo de suas regras de exibição. Nesse ponto, clique no botão verde Save (Salvar ) para preservar suas configurações antes de prosseguir.

Etapa 5. Integrar com seu provedor de e-mail

Agora é hora de integrar seu popup de saída com seu provedor de serviços de marketing por e-mail para gerenciar sua lista de mala direta. Portanto, clique no botão Integrations (Integrações ) na parte superior da tela.

Escolha uma integração de e-mail para seu pop-up de saída

Em seguida, você verá uma visualização do seu pop-up e um painel Integrations (Integrações) no lado esquerdo. Clique no botão Add Integration e escolha o provedor de e-mail de sua preferência no menu suspenso.

Escolha uma opção de integração no menu suspenso

Estamos fazendo a integração com o Constant Contact, pois ele oferece uma plataforma leve e fácil de usar, adequada para todos os tamanhos de empresas.

Você precisará seguir as instruções na tela para conectar seu serviço de e-mail ao OptinMonster.

permitir que o optinmonster tenha acesso à sua lista de e-mails

Em seguida, você pode escolher uma lista de e-mail para salvar os novos assinantes quando eles fizerem opt-in por meio do pop-up de saída.

Escolha uma lista de e-mail para salvar os novos assinantes

Lembre-se de clicar em Salvar antes de prosseguir para a próxima etapa.

Etapa 6. Escolha como publicar seu popup de intenção de saída

Para publicar seu pop-up de saída, clique no botão Publicar na parte superior da tela. Você pode fazer isso agora se não tiver adicionado um site à sua conta durante o processo de configuração.

Adicionar um novo site à sua conta OptinMonster

Basta clicar no botão Adicionar um novo site, digitar o URL do nome do site e clicar em Salvar site.

Insira os detalhes de seu site

Na seção Preview (Visualização ), você verá um aviso semelhante ao abaixo.

aviso de site não conectado

Você também pode usar os códigos de acesso do OptinMonster para adicionar pop-ups ao seu site.

Isso significa que você ainda não conectou seu site ao OptinMonster. Mas não se preocupe. A seguir, mostraremos como fazer isso usando o plug-in do OptinMonster para WordPress.

Etapa 7. Instalar o plug-in OptinMonster

Na mesma página, role a tela para baixo até ver as configurações da plataforma. Para publicar seu pop-up de saída facilmente no WordPress, clique na opção WordPress.

Escolha a opção do WordPress para publicar seu pop-up de saída

Isso revela instruções para baixar e instalar o plug-in do OptinMonster para WordPress. Isso permite que você conecte sua conta sem incorporar o código manualmente no WordPress.

Portanto, clique no botão Download para baixar o plug-in em seu computador e siga estas instruções para instalar e ativar um plug-in do WordPress em seu site.

Se preferir adicionar o código de incorporação do WordPress manualmente, consulte as instruções na documentação para incorporar o OptinMonster em seu site.

Etapa 8. Verificar e conectar sua conta OptinMonster

Ao ativar o plug-in OptinMonster para WordPress, você verá uma tela de boas-vindas solicitando que você conecte sua conta ao WordPress.

Clique no botão conectar sua conta para conectar o OptinMonster ao WordPress

Clique no botão Connect Your Account (Conectar sua conta), que abre uma sobreposição de pop-up do OptinMonster. Agora, clique no botão Connect to WordPress para vincular sua conta.

Clique no botão Conectar ao WordPress

Depois disso, você verá uma lista de suas campanhas do OptinMonster no WordPress.

Certifique-se de que o status do pop-up de saída esteja definido como Live

Se você não vir nenhuma campanha, verifique se o status da campanha está definido como Ao vivo no painel da sua conta do OptinMonster.

Atualize sua lista de campanhas do OptinMonster

Em seguida, volte à sua lista de campanhas no WordPress e clique no botão Refresh Campaigns (Atualizar campanhas ).

lista de campanhas do optinmonster no WordPress

Quando você navegar no site ativo, o pop-up será acionado se você ou os visitantes tentarem sair.

OptinMonster exit popup WordPress

Parabéns!

Exemplos de pop-ups de intenção de saída

Se você precisar de mais inspiração, reunimos abaixo uma lista de exemplos fantásticos de pop-ups de intenção de saída.

Exemplo de pop-up de intenção de saída do Community Building

Exemplo de pop-up de intenção de saída da lista de comunidades

Neste exemplo, o proprietário do site incentiva os visitantes a se inscreverem em sua lista de e-mails antes de saírem do site. A manchete em negrito, o uso de power works e os marcadores de texto de fácil leitura facilitam o aprendizado do valor da inscrição.

Além disso, o uso de logotipos de marcas faz com que a oferta pareça mais confiável e credível.

Exemplo de pop-up de intenção de saída de frete grátis

Exemplo de pop-up de intenção de saída de frete grátis

O frete grátis é uma maneira fantástica de fazer com que os visitantes parem antes de sair do seu site. Essa pode ser a diferença entre abandonar seu site e comprar um produto.

Nesse exemplo, a marca também consegue aumentar sua lista de e-mails pedindo aos usuários que se inscrevam para obter um desconto e frete grátis.

Demonstração gratuita de um exemplo de pop-up de intenção de saída

Demonstração gratuita de um exemplo de pop-up de intenção de saída

Esse exemplo de pop-up de intenção de saída é bastante simples. No entanto, sua simplicidade é a chave do sucesso. Palavras emocionais como "proteger" e "mais seguro" fazem você parar. A partir daí, basta um clique rápido para solicitar uma demonstração antes de seguir em frente.

Exemplo de pop-up de intenção de saída de brindes

Exemplo de pop-up de intenção de saída de brindes

Os incentivos são uma maneira poderosa de convencer os usuários a fornecer suas informações de contato, e a chance de ganhar um prêmio pode ser o suficiente para fechar o negócio.

Ao adicionar seu endereço de e-mail, os usuários que virem esse exemplo de pop-up terão a chance de ganhar um vale-jantar de US$ 50. Consideramos isso um incentivo muito forte que exige muito pouco esforço.

Perguntas frequentes sobre o popup de intenção de saída (FAQs)

Como sair de uma janela pop-up?
Normalmente, você pode sair de um pop-up clicando no ícone "X" no canto superior direito do pop-up. Em alguns casos, você também pode clicar fora da janela pop-up e ela se fechará automaticamente.
Quando um pop-up deve ser exibido em um site?
É uma boa ideia esperar entre 15 e 60 segundos antes de exibir pop-ups em um site para dar aos visitantes tempo para entender o que estão lendo. Se o pop-up for exibido muito cedo, você poderá frustrar os visitantes.
Os pop-ups afetam o SEO?
Os pop-ups não afetarão diretamente o SEO do seu site. No entanto, se forem irritantes para os visitantes ou afetarem a experiência do usuário, poderão ter um efeito indireto.
Como posso medir a eficácia do meu pop-up de intenção de saída?
Para avaliar seu popup de saída, você pode acompanhar as taxas de conversão, as taxas de rejeição e outras métricas relevantes usando ferramentas como o Google Analytics ou os recursos de análise incorporados no OptinMonster. A análise dessas métricas o ajudará a entender o desempenho do seu pop-up e se é necessário fazer algum ajuste.

Crie seu primeiro pop-up de intenção de saída no WordPress

Esperamos que este artigo tenha ajudado você a aprender como criar um pop-up de intenção de saída no WordPress. Agora você pode começar a recuperar os visitantes que abandonam o site e gerar mais leads e vendas para sua empresa.

Se você gostou da funcionalidade de arrastar e soltar do OptinMonster, talvez também goste dos seguintes guias sem código:

Criadores de páginas do WordPress com edição visual. Você também pode aprender a criar uma página de destino aqui.

E siga-nos no Twitter e no Facebook para obter tutoriais semelhantes sobre o WordPress.

avatar do autor
Stacey Corrin Escritor
Stacey escreve sobre WordPress e marketing digital há mais de 10 anos e sobre outros tópicos há muito mais tempo. Além disso, ela é fascinada por web design, experiência do usuário e SEO.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Recomendamos apenas produtos que acreditamos que agregarão valor aos nossos leitores.