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

A maioria dos visitantes sai do seu site sem fazer nada. Um pop-up de intenção de saída do WordPress oferece uma oportunidade específica para mudar isso. Ele só é acionado quando alguém está prestes a sair, por isso é muito menos intrusivo do que um pop-up que aparece assim que alguém acessa a página.

Neste guia, vou mostrar como criar um pop-up de saída no WordPress usando o OptinMonster. Ele faz parte da família de produtos da WPBeginner e é a ferramenta mais confiável que encontrei para segmentação por intenção de saída no WordPress sem precisar escrever uma única linha de código.

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

Um pop-up de intenção de saída no WordPress é uma mensagem que aparece quando o movimento do mouse ou o comportamento de um visitante sugere que ele está prestes a sair do seu site. Esses pop-ups oferecem uma última chance de chamar a atenção do visitante antes que ele saia.

A maioria dos proprietários de sites usa pop-ups de intenção de saída para oferecer um desconto, frete grátis ou um ímã de leads em troca de uma assinatura de e-mail. Eles são especialmente eficazes para reduzir o abandono de carrinho, aumentar a geração de leads e manter os visitantes engajados por mais tempo.

Ao contrário dos popups instantâneos que aparecem imediatamente, os popups de intenção de saída só são acionados quando alguém está prestes a sair. Esse momento os torna menos perturbadores e com maior probabilidade de conversão.

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

Para este tutorial, usarei 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. 

O OptinMonster oferece vários tipos de campanha. Entre eles estão:

• 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 dar os primeiros passos com o OptinMonster.

A estrutura de preços do OptinMonster não oferece uma versão gratuita nem um plano gratuito. Você precisará, no mínimo, do plano Pro para ter acesso a toda a gama de recursos avançados. Verifique a página de preços do OptinMonster para conhecer os custos atuais dos planos antes de se inscrever.

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

Etapa 2. Criar uma nova campanha

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

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

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

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.

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.

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.

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.

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.

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.

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.

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

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.

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.

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

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.

Uma coisa que eu recomendaria alterar antes de salvar:

A configuração padrão exibe sua janela pop-up a cada visita. Isso acabará incomodando rapidamente os visitantes recorrentes. Altere essa configuração para uma vez por sessão ou uma vez a cada 30 dias para manter as conversões em alta sem frustrar as pessoas que voltam ao site.

Também é importante saber que a detecção de intenção de saída em dispositivos móveis funciona de maneira diferente. A detecção em computadores monitora o movimento do mouse em direção à barra de endereços do navegador. Em telas sensíveis ao toque, não há cursor, portanto esse sinal não existe.

No caso do tráfego móvel, o OptinMonster utiliza gatilhos baseados no rolagem ou no tempo. Se a maioria dos seus visitantes estiver acessando pelo celular, adicione uma regra de atraso de tempo junto com a regra de intenção de saída para alcançá-los também.

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.

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.

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.

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

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.

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

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

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.

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 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.

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

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.

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

Ao navegar pelo site ativo, o pop-up será acionado se você ou seus visitantes tentarem sair.

Parabéns!

Crie a página por trás da oferta com o SeedProd

O pop-up do OptinMonster captura o e-mail ou o clique. O que acontece a seguir é igualmente importante. Se o seu pop-up oferece um desconto, um isca digital ou um recurso gratuito, a página de destino ou a página de agradecimento para a qual ele direciona precisa reforçar essa oferta.

É aí que entra o SeedProd. Trata-se de um construtor visual de sites para WordPress que permite criar páginas de destino e páginas de agradecimento com alta taxa de conversão sem precisar mexer em código.

Eu uso isso no meu próprio site para criar páginas que combinem com a oferta do pop-up, para que os visitantes não sintam que foram direcionados para um lugar aleatório após se inscreverem.

Para ajudar você a começar, aqui estão alguns guias:

• Como configurar uma página de agradecimento no WordPress
• Como criar uma página de vendas de alta conversão no WordPress

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.

Antes de finalizar seu design, considere realizar um teste A/B. O OptinMonster possui testes A/B integrados, permitindo que você teste diferentes títulos, ofertas ou cores de botões sem precisar de nenhuma ferramenta de terceiros.

Crie duas versões do seu pop-up e deixe o OptinMonster dividir o tráfego entre elas. Assim que houver dados suficientes, você verá qual versão tem melhor conversão. Essa é uma das melhores maneiras de melhorar os resultados sem aumentar o tráfego.

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

Esse pop-up incentiva os visitantes a participar de uma comunidade antes de sair. O título em negrito, a lista de tópicos e os logotipos de confiança deixam claro o valor.

Conclusões:

• Mantenha os benefícios curtos e fáceis de ler
• Use provas sociais (logotipos, depoimentos)

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

Oferecer frete grátis é um forte incentivo para concluir uma compra. Este exemplo combina um desconto com um formulário de registro de e-mail.

Conclusões:

• Colete e-mails enquanto salva carrinhos abandonados
• Combine um desconto com frete grátis

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

O texto simples e as palavras emocionais ("proteger", "mais seguro") tornam esse pop-up de demonstração persuasivo. O design limpo concentra a atenção na CTA.

Conclusões:

• Use gatilhos emocionais nos títulos
• Mantenha o design minimalista

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

Um brinde pode ser suficiente para impedir que alguém saia. Aqui, a chance de ganhar um voucher de US$ 50 incentiva inscrições rápidas.

Conclusões:

• Destaque o valor do prêmio no título
• Oferecer um forte incentivo com pouco esforço

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

Qual é o melhor plugin de pop-up de intenção de saída para WordPress?

O OptinMonster é a melhor opção para a maioria dos sites. Ele inclui a tecnologia proprietária Exit-Intent®, regras avançadas de exibição e integra-se a serviços populares de marketing por e-mail. Faz parte da família de produtos WPBeginner, o que significa que funciona bem em conjunto com ferramentas como o AIOSEO e o WPForms. Se o orçamento for uma preocupação, o Popup Maker é uma opção gratuita com recursos de segmentação mais limitados.

Os pop-ups de saída tornam o WordPress mais lento?

Não, se o plugin for bem desenvolvido. O OptinMonster é carregado de forma assíncrona, portanto, o script do pop-up não impede a renderização da página. Problemas de desempenho são mais comuns em plugins gratuitos mal programados que carregam scripts no cabeçalho da página. Se você estiver preocupado com a velocidade, faça um teste no GTmetrix antes e depois da instalação para verificar o impacto real.

Os pop-ups de intenção de saída são ruins para SEO?

Os pop-ups de intenção de saída não prejudicam diretamente o SEO. As diretrizes do Google visam os pop-ups que aparecem assim que a página é carregada e são difíceis de fechar, especialmente em dispositivos móveis. Os pop-ups de intenção de saída só são acionados quando alguém está prestes a sair, o que evita esses dois problemas. Faça com que sejam fáceis de fechar e você não terá problemas.

A detecção de intenção de saída funciona em dispositivos móveis?

A detecção padrão de intenção de saída (detecção de saída do mouse) não funciona em telas sensíveis ao toque de dispositivos móveis, pois não há cursor. Em dispositivos móveis, o OptinMonster utiliza gatilhos baseados na profundidade de rolagem ou no tempo. Se a maior parte do seu tráfego vier de dispositivos móveis, defina uma regra de atraso de tempo ou de profundidade de rolagem juntamente com a regra de intenção de saída, para que seu pop-up alcance esses visitantes.

Existe algum plugin gratuito de pop-up de intenção de saída para o WordPress?

Sim. O Popup Maker é uma opção gratuita popular que oferece suporte básico à detecção de intenção de saída. Ele possui menos regras de segmentação e opções de exibição do que o OptinMonster, mas funciona para casos de uso simples. Se você precisar de testes A/B, segmentação avançada ou análises detalhadas, será necessário um plano pago.

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

Espero 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:

• Como criar uma página de destino no WordPress
• 12+ Exemplos de design de página de inscrição para formulários de alta conversão
• A página de destino não está convertendo? 9 dicas para corrigir isso rapidamente
• Como criar páginas de destino personalizadas para aumentar as conversões

Obrigado pela leitura! Gostaríamos muito de ouvir sua opinião, portanto, sinta-se à vontade para participar da conversa no YouTube, X e Facebook para obter mais conselhos úteis e conteúdo para expandir seus negócios.