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

Os seus visitantes chegam às suas páginas, navegam por elas e saem sem nunca preencherem o seu formulário de contacto ou se inscreverem na sua lista?

Um formulário pop-up do WordPress pode ser a solução ideal para si. Em vez de esperar que os visitantes reparem num formulário escondido na barra lateral ou na parte inferior da página, um pop-up apresenta-lho mesmo à frente, no momento certo.

Os formulários pop-up com melhor desempenho 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-lhe passo a passo como criar um formulário pop-up através de 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 tempo aos formulários pop-up e o que vai precisar para começar.

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

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

• Formulários de contacto: permitem que os visitantes entrem em contacto sem precisarem de sair da página em que se encontram.
• Formulários de inscrição por e-mail: Aumente a sua lista de assinantes da newsletter captando os visitantes antes que eles saiam do site.
• Formulários de captura de leads: Recolha informações de potenciais clientes que navegam nas suas páginas com formulários de captura de leads.
• Feedback e inquéritos: Faça uma pergunta rápida enquanto a experiência do visitante ainda está fresca na memória.
• Início de sessão e registo: Permita que os utilizadores já registados tenham acesso rápido sem redirecionamento de página.
• Inscrição em eventos: Promova webinars, workshops ou lançamentos com um formulário de inscrição direcionado, com confirmação única ou dupla.

O que mais importa é o momento certo e a relevância. Uma janela pop-up que aparece assim que alguém acede ao seu site parece intrusiva. Mas e uma que surge depois de terem percorrido metade do seu artigo, ou mesmo quando estão prestes a fechar o separador? Essa parece útil.

Também pode combinar formulários pop-up com o complemento «Lead Forms» do WPForms para criar layouts de captura de leads com elevada taxa de conversão, ou utilizar os «Formulários Conversacionais» no seu pop-up para uma experiência em que é apresentada apenas uma pergunta de cada vez, o que resulta numa experiência menos intrusiva.

Introdução: Criar o seu formulário

Antes de criar um popup, é preciso criar um formulário no WPForms. Este tutorial funciona com qualquer versão, incluindo o WPForms Lite.

Tenha em conta que o WPForms Lite envia os registos por e-mail, mas não os armazena no WordPress. Recomendo o WPForms Pro se pretender exportar os registos do seu formulário para outras plataformas mais tarde.

Consulte esta publicação para ver a diferença entre o WPForms Lite e o WPForms Pro. Depois de instalar e ativar o WPForms, aceda a WPForms » Adicionar novo para criar um novo formulário.

Irá ver o ecrã de configuração do formulário, com uma biblioteca de mais de 2.100 modelos. No caso de um formulário pop-up, opte por um formato curto e compacto. Menos campos significam menos dificuldades, especialmente em ecrãs de dispositivos móveis.

Vou usar o modelo «Formulário de contacto simples» como ponto de partida, mas pode facilmente optar por um formulário de inscrição na newsletter, um formulário de comentários ou qualquer outro modelo que se adapte ao seu objetivo.

O WPForms carrega o seu modelo e leva-o para o construtor de arrastar e largar. O Formulário de Contacto Simples inclui os campos Nome, E-mail e Texto, que é tudo o que precisamos por agora.

Se preferir incorporar um formulário diretamente no seu site em vez de utilizar uma janela pop-up, o WPForms também suporta essa opção. Mas, para este guia, vamos optar pela janela pop-up.

Quando estiver satisfeito com o aspeto do formulário, vá em frente e prima Guardar. 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. É 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 largar», onde pode criar os seus pop-ups e definir regras de segmentação. O plugin do WordPress encarrega-se, então, de apresentar essas campanhas no seu site.

Ao instalar o OptinMonster, obtém uma conta gratuita com 3 campanhas e 500 créditos de impressões de campanha. Isso é suficiente para configurar o seu primeiro formulário pop-up e testá-lo com tráfego real.

Os planos pagos começam nos 7 $/mês (cobrados anualmente) se precisar de mais campanhas, gatilhos avançados, como o de intenção de saída, ou funcionalidades como testes A/B.

1. Instalar o OptinMonster

Pode descarregar o plugin OptinMonster a partir do diretório de plugins do WordPress e instalá-lo no seu site.

Se 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 a sua campanha pop-up. Clique em OptinMonster » Campanhas no menu lateral do WordPress.

Isto leva-o à página de criação de campanhas, onde poderá definir os objetivos e outros aspetos do seu pop-up. Clique no botão «Criar a sua primeira campanha ».

Entre as opções disponíveis, selecione «Pop-up» como tipo de campanha. Desça a página e escolha um modelo. Passe o cursor sobre um modelo e clique em «Usar modelo» para o selecionar.

Gosto de utilizar a campanha «Basic» para pop-ups, pois é fácil de personalizar e funciona bem como ponto de partida. É suficientemente flexível para se adaptar a diferentes tipos de formulários e métodos de inscrição.

O OptinMonster irá pedir-lhe que dê um nome à sua campanha. Introduza um nome e clique em «Começar a criar». Para efeitos deste tutorial, introduzi apenas «Formulário pop-up do WordPress».

Depois de atribuir um nome à sua campanha, será redirecionado para o criador de campanhas do OptinMonster, com o seu modelo já carregado.

O modelo inclui os seus próprios campos de subscrição, mas vamos substituí-los pelo nosso formulário do WPForms para podermos utilizar as integrações e a gestão de entradas do WPForms.

Primeiro, edite o texto do cabeçalho da janela pop-up. Clique nele e escreva uma mensagem que explique aos visitantes para que serve o formulário. Em seguida, elimine os campos de adesão já existentes do modelo. Passe o cursor sobre cada campo e clique no ícone do caixote do lixo para o remover.

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

Clique no bloco WPForms depois de o adicionar. No painel de configurações à esquerda, abra o menu suspenso «Seleção de formulário» e escolha o formulário que criou anteriormente.

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

3. Pré-visualizar e publicar o formulário pop-up

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

No entanto, pode pré-visualizá-lo imediatamente antes de o publicar. Para tal, clique no botão«Publicar»na barra de navegação na parte superior.

Nesta página, existe um botão de pré-visualização. Ao clicar no botãode pré-visualização, será redirecionado para a interface do utilizador do seu site, onde o formulário aparecerá no ecrã, tal como aconteceria para os seus visitantes.

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

A pré-visualização permite-lhe verificar tudo de novo antes de estar pronto para publicar a campanha.

Quando estiver satisfeito com o aspeto do formulário pop-up, clique no botão«Publicar» na secção«Estado da publicação».

A sua campanha já está ativa. O formulário pop-up irá agora aparecer para todos os utilizadores que visitarem o seu site. Se desejar, também pode alterar as regras de exibição do seu formulário pop-up do WordPress.

Volte aoOptinMonster» Campanhas. Encontre a campanha que acabou de criar e passe o cursor por cima dela. Em seguida, clique naopção «Definições de saída».

Aqui pode definir regras de visibilidade: mostrar apenas a utilizadores registados, apenas a visitantes ou a ambos. Também pode incluir ou excluir páginas específicas.

Depois de alterar as regras de exibição ao seu gosto, certifique-se de clicar no botão verde«Guardar alterações»à direita. E é tudo o que precisa de fazer para criar uma campanha de formulários pop-up no WordPress utilizando o OptinMonster e o WPForms!

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

Se preferir utilizar 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 classificaçã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 precisa para criar formulários pop-up básicos: um editor visual de pop-ups, gatilhos de atraso de tempo e de abertura ao clicar, segmentação ao nível da página e controlos de cookies.

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

Se preferir uma solução em que possa criar um formulário pop-up completamente a partir do seu painel de controlo do WordPress, então o método seguinte é para si.

1. Instalar o Popup Maker

Para este tutorial, a versão gratuita do Popup Maker vai funcionar muito bem. Não é tão poderosa como o plugin OptinMonster, mas funciona igualmente bem com o WPForms.

Tal como fizemos anteriormente, vamos usar o formulário que criámos no início com o WPForms e incorporá-lo no seu popup.

2. Criar um Popup no Popup Maker

Aceda ao plugin Popup Maker para criar o seu popup. Este plugin WordPress gratuito permite-lhe criar popups de raiz, facilmente.

Aceda ao painel de controlo do WordPress e vá a Popup Maker » Adicionar novo pop-up; irá ver aparecer o ecrã de edição do pop-up.

Neste ecrã, deve introduzir um nome para o seu popup. Também pode introduzir um título de apresentação opcional, como fizemos neste exemplo.

Agora é hora de adicionar o seu formulário 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 criou anteriormente no menu suspenso.

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

Agora, desça até à caixa «Configurações do pop-up», situada abaixo do editor. É aqui que configura os gatilhos, a segmentação e as opções de exibição.

No separador «Gatilhos », clique em «Adicionar novo gatilho» e selecione «Atraso de tempo / Abertura automática». Isto faz com que a janela pop-up seja exibida depois de os visitantes permanecerem na página durante um período de tempo definido.

Normalmente, defino este valor para 5 segundos (5 000 milissegundos), o que dá aos visitantes um momento para começarem a ler antes de a janela pop-up aparecer. Clique em «Adicionar» para guardar o gatilho.

Cada gatilho dispõe também de uma configuração de cookie que controla a frequência com que a janela pop-up volta a aparecer. O cookie predefinido «Ao fechar a janela pop-up» impede que a janela pop-up volte a aparecer durante 1 mês após o visitante a fechar.

No separador «Segmentação», pode definir em que páginas o pop-up aparece. A configuração padrão mostra o pop-up apenas na página inicial. Pode adicionar regras para mostrar o pop-up em todas as páginas, em publicações específicas, em categorias ou em tipos de publicação personalizados.

No separador «Exibição», selecione um tema para personalizar o aspeto do seu pop-up. O Popup Maker inclui vários temas integrados, mas também pode criar temas personalizados em Popup Maker » Temas de Pop-up.

3. Publique e teste o seu pop-up

Quando estiver satisfeito com as configurações do seu pop-up, suba até ao topo da página e clique no botão «Publicar» para ativar o seu formulário pop-up do WordPress.

E já está! Agora pode pré-visualizar o seu formulário pop-up do WordPress para se certificar de que tem exatamente o aspeto que pretende e ajustar as definições em conformidade.

Para criar mais popups de formulários de contacto, pode repetir este processo e personalizar as definições e as regras de apresentação para que apareçam em diferentes posts ou páginas, etc. Ou pode ser criativo e criar um inquérito WordPress popup.

Que plugin deve escolher?

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

Caraterística	OptinMonster	Criador de pop-ups
Tipo de plugin	Plugin do WordPress com editor 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 7 $/mês (cobrado anualmente)	Pro 99 $/ano, Pro+ 249 $/ano
Integração de formulários	Bloco nativo do WPForms	Bloco WPForms, código de atalho e mais de 15 plugins de formulários
Gatilhos gratuitos	Atraso, deslocamento, clique	Atraso de tempo, clique, envio do formulário
Intenção de sair	Plano Pro (29 $/mês)	Plano Pro (99 $/ano)
Teste A/B	Plano Plus (19 $/mês)	Não disponível
Analítica	Incluído em todos os planos	Plano Pro e superiores
Armazenamento de dados	Nuvem (servidores da OptinMonster)	A sua base de dados do WordPress
Instalações ativas	1,000,000+	700,000+

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

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

• Escreva um título claro: o seu pop-up tem cerca de 2 segundos para justificar a interrupção. «Receba as nossas dicas semanais sobre o WordPress» é melhor do que «Subscreva a nossa newsletter». Diga aos visitantes exatamente o que irão receber.
• Escolha cuidadosamente o momento certo para ativar os seus gatilhos: não ative uma janela pop-up assim que alguém aceder à sua página. Um atraso de 5 a 10 segundos ou um gatilho de deslocamento (após 50% da página) permite que os visitantes comecem primeiro a interagir com o seu conteúdo. Os gatilhos de intenção de saída funcionam bem porque só são ativados quando o visitante já está a sair.
• Mantenha os formulários curtos nos dispositivos móveis: mais de metade do tráfego da Web provém de telemóveis e tablets. Limite-se a um máximo de 2 ou 3 campos nos formulários pop-up. Normalmente, basta o nome e o e-mail. Pode sempre recolher mais informações posteriormente através de e-mails de acompanhamento ou de um formulário completo numa página dedicada.
• Utilize 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, em todas as visitas. Tanto o OptinMonster como o Popup Maker permitem definir regras de cookies para que um pop-up seja apresentado 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 forma clara de fechar a janela pop-up. Um botão «X» de alto contraste ou um link «Não, obrigado» inspira confiança. Obrigar à interação com um botão de fechar oculto prejudica a sua marca mais do que ajuda nas suas conversões.

Perguntas frequentes sobre formulários pop-up no WordPress

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

Posso criar um formulário pop-up no WordPress gratuitamente?

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 impressões, e a versão gratuita do Popup Maker inclui pop-ups ilimitados sem limites de tráfego. Pode criar um formulário pop-up totalmente funcional sem gastar nada.

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

Com o Popup Maker, utilize 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, a funcionalidade equivalente chama-se MonsterLinks, onde se cria um link especial que abre uma campanha específica ao clicar nele.

Como posso criar um formulário pop-up no Elementor?

O Elementor Pro inclui um criador de pop-ups integrado. Pode criar um modelo de pop-up, adicionar-lhe qualquer widget de formulário (incluindo o WPForms) e definir as condições de exibição e os gatilhos diretamente no editor do Elementor. Se estiver a utilizar a versão gratuita do Elementor, precisará de um plugin de pop-ups separado, como o Popup Maker, em conjunto com o seu criador de formulários.

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

Depende das suas necessidades e do seu orçamento. Para uma análise detalhada, consulte o nosso guia sobre 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.

A seguir, aumente as conversões dos seus formulários

Agora que já sabe como criar um formulário pop-up no WordPress, talvez queira explorar outras formas de melhorar as conversões dos seus formulários. Consulte o 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 o seu formulário? Comece hoje mesmo com o plugin de criação de formulários mais fácil do WordPress. O WPForms Pro inclui muitos modelos gratuitos e oferece uma garantia de reembolso de 14 dias.

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