Como criar um formulário pop-up no WordPress (2 métodos fáceis)

Os visitantes estão acessando suas páginas, navegando por elas e saindo sem nunca preencher o formulário de contato ou se inscrever na sua lista?

Um formulário pop-up do WordPress pode ser a solução ideal para você. Em vez de esperar que os visitantes notem um formulário escondido na barra lateral ou na parte inferior da página, um pop-up o coloca bem na frente deles no momento certo.

Os formulários pop-up mais eficazes convertem cerca de 1 em cada 10 visitantes, o que é significativamente melhor do que a maioria dos formulários estáticos. Neste guia, vou explicar passo a passo como criar um formulário pop-up usando dois métodos diferentes!

Como criar um formulário pop-up no WordPress

Antes de entrarmos nos tutoriais, vamos explicar rapidamente por que vale a pena dedicar seu tempo aos formulários pop-up e o que você precisa para começar.

Por que usar um formulário pop-up no WordPress?

Quando um visitante está prestes a sair do seu site ou já está lendo seu conteúdo há algum tempo, um pop-up exibido no momento certo dá a ele um motivo para parar e interagir. Aqui estão algumas das formas mais comuns que já vi os proprietários de sites usarem:

• Formulários de contato: permitem que os visitantes entrem em contato sem precisar sair da página em que estão.
• Formulários de inscrição por e-mail: aumente sua lista de assinantes da newsletter captando os visitantes antes que eles saiam do site.
• Formulários de captura de leads: colete informações de clientes em potencial que navegam pelas páginas dos seus formulários de captura de leads.
• Feedback e pesquisas: faça uma pergunta rápida enquanto a experiência do visitante ainda está fresca na memória.
• Login e cadastro: Ofereça aos usuários recorrentes acesso rápido, sem redirecionamento de página.
• Inscrição em eventos: Divulgue webinars, workshops ou lançamentos com um formulário de inscrição direcionado, seja de opt-in simples ou duplo.

O que mais importa é o momento certo e a relevância. Uma janela pop-up que aparece assim que alguém acessa seu site parece agressiva. Mas e aquela que surge depois que a pessoa já rolou a tela até a metade do artigo, ou bem quando está prestes a fechar a aba? Essa parece útil.

Você também pode combinar formulários pop-up com o complemento Lead Forms do WPForms para criar layouts de captura de leads com alta taxa de conversão, ou usar os Formulários Conversacionais dentro do seu pop-up para uma experiência em que as perguntas são feitas uma de cada vez, o que parece menos intrusivo.

Primeiros passos: Criar seu formulário

Antes de criar um pop-up, você deve criar um formulário no WPForms. Este tutorial funcionará com qualquer versão, incluindo o WPForms Lite.

Lembre-se de que o WPForms Lite envia os dados dos formulários por e-mail, mas não os armazena no WordPress. Recomendo o WPForms Pro se você quiser poder exportar os dados dos formulários para outras plataformas posteriormente.

Dê uma olhada nesta publicação para ver a diferença entre o WPForms Lite e o WPForms Pro. Depois de instalar e ativar o WPForms, acesse WPForms » Adicionar novo para criar um novo formulário.

Você verá a tela de configuração do formulário, com uma biblioteca de mais de 2.100 modelos. Para um formulário pop-up, mantenha-o curto e conciso. Menos campos significam menos atrito, especialmente em telas de dispositivos móveis.

Vou usar o modelo “Formulário de contato simples” como ponto de partida, mas você pode facilmente escolher um modelo de inscrição para newsletter, formulário de feedback ou qualquer outro modelo que se adapte ao seu objetivo.

O WPForms carrega seu modelo e leva você ao construtor do tipo arrastar e soltar. O Formulário de Contato Simples inclui os campos Nome, E-mail e Texto, que são tudo o que precisamos por enquanto.

Se você preferir incorporar um formulário diretamente no seu site em vez de usar uma janela pop-up, o WPForms também oferece essa opção. Mas, para este guia, vamos seguir a abordagem da janela pop-up.

Quando estiver satisfeito com a aparência do formulário, vá em frente e pressione Salvar. Agora, estamos prontos para passar para o pop-up. Vamos começar com o OptinMonster.

Método 1: Criar um formulário pop-up com o OptinMonster

O OptinMonster é um popular plugin de pop-ups para WordPress utilizado em mais de 1 milhão de sites. Ele é especializado em pop-ups, barras flutuantes, janelas deslizantes e outras campanhas de geração de leads.

O OptinMonster inclui um criador de campanhas do tipo arrastar e soltar, onde você cria seus pop-ups e define regras de segmentação. O plugin do WordPress, então, se encarrega de exibir essas campanhas no seu site.

Ao instalar o OptinMonster, você recebe uma conta gratuita com 3 campanhas e 500 créditos de exibição de campanha. Isso é suficiente para configurar seu primeiro formulário pop-up e testá-lo com tráfego real.

Os planos pagos custam a partir de US$ 7 por mês (cobrados anualmente) caso você precise de mais campanhas, gatilhos avançados, como o de intenção de saída, ou recursos como testes A/B.

1. Instale o OptinMonster

Você pode baixar o plugin OptinMonster no diretório de plugins do WordPress e instalá-lo no seu site.

Se você não souber como instalar um plugin do WordPress, siga estas instruções para adicionar o OptinMonster ao seu site WordPress.

2. Criar uma campanha pop-up

Agora vamos criar sua campanha pop-up. Clique em OptinMonster » Campanhas no menu da barra lateral do WordPress.

Isso o levará à página de criação de campanhas, onde você poderá definir os objetivos e outros aspectos do seu pop-up. Clique no botão “Crie sua primeira campanha ”.

Entre as opções disponíveis, selecione “Pop-up” como tipo de campanha. Role a página para baixo e escolha um modelo. Passe o mouse sobre um modelo e clique em “Usar modelo” para selecioná-lo.

Gosto de usar a campanha “Básica” para pop-ups, pois é fácil de personalizar e funciona bem como ponto de partida. É flexível o suficiente para se adaptar a diferentes tipos de formulários e métodos de inscrição.

O OptinMonster solicitará que você dê um nome à sua campanha. Digite um nome e clique em “Começar a criar”. Para fins deste tutorial, digitei “Formulário pop-up do WordPress”.

Depois de adicionar um nome à sua campanha, você será direcionado ao criador de campanhas do OptinMonster com o seu modelo já carregado.

O modelo já vem com seus próprios campos de inscrição, mas vamos substituí-los pelo nosso formulário do WPForms para que possamos usar as integrações e o gerenciamento de entradas do WPForms.

Primeiro, edite o texto do cabeçalho da janela pop-up. Clique nele e digite uma mensagem explicando aos visitantes para que serve o formulário. Em seguida, exclua os campos de inscrição já existentes do modelo. Passe o mouse sobre cada campo e clique no ícone da lixeira para removê-lo.

Agora, arraste e solte o bloco do WPForms na área da campanha, logo abaixo do texto do cabeçalho. O OptinMonster possui integração nativa com o WPForms, o que torna esse processo muito simples.

Clique no bloco WPForms após adicioná-lo. No painel de configurações à esquerda, abra o menu suspenso “Seleção de formulário” e escolha o formulário que você criou anteriormente.

Fantástico! Estamos quase terminando de criar um formulário pop-up do WordPress usando o primeiro método. Agora, só precisamos publicá-lo!

3. Visualizar e publicar seu formulário pop-up

Como o OptinMonster usa códigos de acesso para incorporar formulários criados com o WPForms, você não pode ver imediatamente uma visualização ao vivo do seu formulário na campanha de formulário pop-up.

No entanto, você pode visualizar o conteúdo antes de publicá-lo. Para isso, clique no botão“Publicar”na barra de navegação na parte superior.

Nesta tela, há um botão de visualização. Ao clicar no botãode visualização, você será direcionado para a interface do usuário do seu site, onde o formulário aparecerá na tela, exatamente como seria para os visitantes.

Agora, o OptinMonster acionará seu formulário pop-up do WordPress no carregamento da página. Veja como isso fica em nosso exemplo:

A visualização permite que você verifique tudo novamente antes de estar pronto para publicar a campanha.

Quando estiver satisfeito com a aparência do formulário pop-up, clique no botão“Publicar”, localizado na seção“Status de publicação”.

Sua campanha já está no ar. O formulário pop-up será exibido para todos os usuários que visitarem seu site. Se desejar, você também pode alterar as regras de exibição do seu formulário pop-up do WordPress.

Volte parao OptinMonster» Campanhas. Encontre a campanha que você acabou de criar e passe o cursor sobre ela. Em seguida, clique naopção Configurações de exibição.

Aqui você pode definir regras de visibilidade: mostrar apenas para usuários conectados, apenas para visitantes ou para ambos. Você também pode incluir ou excluir páginas específicas.

Depois de ajustar as regras de exibição ao seu gosto, certifique-se de clicar no botão verde“Salvar alterações”à direita. E isso é tudo o que você precisa fazer para criar uma campanha com formulários pop-up no WordPress usando o OptinMonster e o WPForms!

Método 2: Criar um formulário pop-up com o Popup Maker

Se você preferir usar uma solução diferente, o Popup Maker também é uma boa alternativa ao OptinMonster. Trata-se de um plugin de pop-ups para WordPress utilizado em mais de 700.000 sites, com uma avaliação de 4,9 estrelas baseada em mais de 4.400 avaliações.

O Popup Maker tem uma versão gratuita e uma versão Pro paga. A versão gratuita oferece tudo o que você precisa para formulários pop-up básicos: um editor visual de pop-ups, gatilhos de atraso de tempo e de abertura por clique, segmentação por página e controles de cookies.

O Popup Maker Pro (US$ 99/ano) oferece gatilhos de intenção de saída, gatilhos de profundidade de rolagem, análises de conversão, segmentação avançada e agendamento. Não há limites de tráfego nem taxas mensais em nenhum plano.

Se você preferir uma solução em que possa criar um formulário pop-up completamente a partir do painel do WordPress, o próximo método é para você.

1. Instalar o Popup Maker

Para este tutorial, a versão gratuita do Popup Maker funcionará muito bem. Ela não é tão poderosa quanto o plug-in OptinMonster, mas funciona tão bem quanto o WPForms.

Assim como fizemos anteriormente, usaremos o formulário que criamos no início com o WPForms e o incorporaremos em seu pop-up.

2. Criar um popup no Popup Maker

Acesse o plug-in Popup Maker para criar seu pop-up. Esse plug-in gratuito do WordPress permite que você crie pop-ups do zero, com facilidade.

Acesse o painel do WordPress e vá até Popup Maker » Adicionar novo pop-up; a tela de edição do pop-up será exibida.

Nessa tela, você deverá digitar um nome para o popup. Você também pode inserir um título de exibição opcional, como fizemos neste exemplo.

Agora é hora de adicionar seu formulário do WPForms. Clique no botão + no editor de blocos para adicionar um novo bloco, depois procure por WPForms e selecione-o. Escolha o formulário que você criou anteriormente no menu suspenso.

Se você não encontrar o bloco do WPForms, também pode adicionar um Código curto selecione e cole o seu código de atalho do WPForms (por exemplo, ). Você encontrará o ID do formulário em WPForms " Todos os formulários.

Agora, role a página para baixo até a caixa “Configurações do pop-up”, localizada abaixo do editor. É aqui que você configura os gatilhos, a segmentação e as opções de exibição.

Na guia “Gatilhos ”, clique em “Adicionar novo gatilho” e selecione “Atraso de tempo / Abertura automática”. Isso aciona a janela pop-up depois que os visitantes permanecerem na página por um determinado período de tempo.

Normalmente, defino esse valor para 5 segundos (5.000 milissegundos), o que dá aos visitantes um momento para começarem a ler antes que a janela pop-up apareça. Clique em “Adicionar” para salvar o gatilho.

Cada gatilho também possui uma configuração de cookie que controla a frequência com que a janela pop-up reaparece. O cookie padrão “Ao fechar a janela pop-up” impede que a janela pop-up seja exibida novamente por um mês após o visitante fechá-la.

Na guia “Segmentação”, você pode definir em quais páginas o pop-up será exibido. A configuração padrão exibe o pop-up apenas na página inicial. Você pode adicionar regras para exibir o pop-up em todas as páginas, em posts específicos, em categorias ou em tipos de postagem personalizados.

Na guia Exibição, selecione um tema de pop-up para definir o estilo do seu pop-up. O Popup Maker vem com vários temas integrados, ou você pode criar temas personalizados em Popup Maker » Temas de Pop-up.

3. Publique e teste seu pop-up

Quando estiver satisfeito com as configurações do pop-up, role a página até o topo e clique no botão “Publicar” para ativar o formulário pop-up do WordPress.

E aí está! Agora você pode visualizar seu formulário pop-up do WordPress para ter certeza de que ele está exatamente como você deseja e ajustar as configurações de acordo.

Para criar mais popups de formulário de contato, você pode repetir esse processo e personalizar as configurações e as regras de exibição para que apareçam em diferentes posts ou páginas, etc. Ou você pode ser criativo e criar uma pesquisa pop-up no WordPress.

Qual plugin você deve escolher?

Ambos os plugins cumprem sua função, mas foram desenvolvidos para situações diferentes. Aqui está uma comparação lado a lado para ajudar você a decidir:

Recurso	OptinMonster	Criador de pop-ups
Tipo de plugin	Plugin do WordPress com construtor baseado na nuvem	100% nativo do WordPress
Versão gratuita	3 campanhas, 500 impressões	Pop-ups ilimitados, sem limites de tráfego
Planos pagos	A partir de US$ 7 por mês (cobrado anualmente)	Pro: US$ 99/ano, Pro+: US$ 249/ano
Integração de formulários	Bloco nativo do WPForms	Bloco WPForms, shortcode e mais de 15 plugins de formulários
Gatilhos gratuitos	Atraso, rolagem, clique	Atraso de tempo, clique, envio de formulário
Intenção de sair	Plano Pro (US$ 29/mês)	Plano Pro (US$ 99/ano)
Teste A/B	Plano Plus (US$ 19/mês)	Indisponível
Análises	Incluído em todos os planos	Plano Pro e superiores
Armazenamento de dados	Nuvem (servidores da OptinMonster)	Seu banco de dados do WordPress
Instalações ativas	1,000,000+	700,000+

Para a maioria dos proprietários de sites WordPress que estão criando seu primeiro formulário pop-up, eu recomendaria começar com a versão gratuita do Popup Maker. No entanto, se você precisar de pop-ups de intenção de saída ou testes A/B, o OptinMonster é a melhor opção no que diz respeito a recursos avançados.

Melhores práticas para formulários pop-up no WordPress

• Escreva um título claro: seu pop-up tem cerca de 2 segundos para justificar a interrupção. “Receba nossas dicas semanais sobre WordPress” é melhor do que “Inscreva-se em nossa newsletter”. Diga aos visitantes exatamente o que eles receberão.
• Escolha cuidadosamente o momento certo para acionar seus gatilhos: não exiba uma janela pop-up assim que alguém acessar sua página. Um atraso de 5 a 10 segundos ou um gatilho de rolagem (após 50% da página) permite que os visitantes comecem a interagir com seu conteúdo primeiro. Os gatilhos de intenção de saída funcionam bem porque só são acionados quando o visitante já está saindo.
• Mantenha os formulários curtos em dispositivos móveis: mais da metade do tráfego da web vem de celulares e tablets. Limite-se a, no máximo, 2 ou 3 campos nos formulários pop-up. Geralmente, basta o nome e o e-mail. Você sempre pode coletar mais informações posteriormente por meio de e-mails de acompanhamento ou de um formulário completo em uma página dedicada a formulários.
• Use regras de cookies para controlar a frequência: nada afasta os visitantes mais rapidamente do que ver o mesmo pop-up em todas as páginas, a cada visita. Tanto o OptinMonster quanto o Popup Maker permitem definir regras de cookies para que um pop-up seja exibido apenas uma vez por sessão, uma vez por semana ou apenas uma vez.
• Inclua um botão de fechar visível: ofereça sempre aos visitantes uma maneira clara de fechar a janela pop-up. Um botão “X” em alto contraste ou um link “Não, obrigado” gera confiança. Forçar a interação com um botão de fechar oculto prejudica mais a sua marca do que ajuda nas conversões.

Perguntas frequentes sobre formulários pop-up no WordPress

Aqui estão as respostas às perguntas mais comuns sobre a criação de formulários pop-up no WordPress.

Posso criar um formulário pop-up no WordPress de graça?

Sim. Ambos os métodos descritos neste guia funcionam com ferramentas gratuitas. O WPForms Lite é gratuito, o OptinMonster oferece uma conta gratuita com 3 campanhas e 500 exibições, e a versão gratuita do Popup Maker inclui pop-ups ilimitados, sem restrições de tráfego. Você pode criar um formulário pop-up totalmente funcional sem gastar nada.

Como faço para abrir um formulário pop-up ao clicar em um botão no WordPress?

Com o Popup Maker, use o gatilho “Clicar para abrir” (disponível na versão gratuita). Adicione uma classe CSS (como popmake-123, onde 123 é o ID do seu pop-up) a qualquer botão ou link; ao clicar nele, o pop-up será aberto. No OptinMonster, o recurso equivalente é chamado de MonsterLinks, onde você cria um link especial que abre uma campanha específica ao ser clicado.

Como faço para criar um formulário pop-up no Elementor?

O Elementor Pro inclui um criador de pop-ups integrado. Você pode criar um modelo de pop-up, adicionar qualquer widget de formulário (incluindo o WPForms) a ele e definir condições de exibição e gatilhos diretamente no editor do Elementor. Se você estiver usando a versão gratuita do Elementor, precisará de um plugin de pop-ups separado, como o Popup Maker, combinado com o seu criador de formulários.

Qual é o melhor plugin de pop-ups para WordPress?

Isso depende das suas necessidades e do seu orçamento. Para uma análise completa, confira nosso guia com os melhores plugins de pop-ups para WordPress. O OptinMonster e o Popup Maker são duas das opções mais populares e as que eu recomendaria para começar.

Em seguida, aumente suas conversões de formulários

Agora que você já sabe como criar um formulário pop-up no WordPress, talvez queira explorar outras maneiras de melhorar as taxas de conversão dos seus formulários. Confira nosso guia com exemplos de formulários de geração de leads para se inspirar na criação de formulários que realmente geram conversões.

Crie seu formulário WordPress agora

Pronto para criar seu formulário? Comece hoje mesmo com o plug-in de criação de formulários mais fácil do WordPress. O WPForms Pro inclui vários modelos gratuitos e oferece uma garantia de reembolso de 14 dias.

Se este artigo te ajudou, siga-nos no Facebook e no X (antigo Twitter) para mais tutoriais e guias gratuitos sobre o WordPress.