Como Adicionar um Popup de Formulário de Contato no WordPress

Já observou visitantes navegando em seu site, apenas para irem embora sem entrar em contato? É frustrante, especialmente quando você sabe que eles estão interessados, mas parece que não consegue se conectar.

Um popup simples e oportuno pode fazer toda a diferença. 💡

Quando colocado de forma atenciosa, ele coloca seu formulário de contato exatamente onde os visitantes precisam. Isso pode levar a mais consultas, feedback e conversões.

Na WPBeginner, somos grandes fãs do WPForms porque ele é fácil para iniciantes, poderoso e perfeito para criar todos os tipos de formulários. Melhor ainda, você pode combiná-lo com o OptinMonster para criar um popup de formulário de contato que pareça útil, não invasivo.

Neste guia, mostraremos como adicionar um popup de formulário de contato no WordPress. Um que transforma visitantes em leads, sem incomodá-los.

Por que usar um Popup de Formulário de Contato?

Um popup de formulário de contato facilita o contato dos visitantes, sem que eles precisem procurar sua página de contato ou sair da página em que estão.

Todo site WordPress precisa de um formulário de contato para que os usuários enviem perguntas, feedback ou problemas.

No entanto, se o seu formulário de contato estiver apenas em uma única página, será difícil para as pessoas encontrá-lo. Como resultado, seus usuários podem acabar saindo do seu site antes de contatá-lo, e você pode perder leads e conversões potenciais.

Um popup de formulário de contato ajuda a resolver esse problema, permitindo que seus visitantes visualizem rapidamente o formulário clicando em um botão. Dessa forma, eles podem entrar em contato com você de qualquer página em que estejam.

Este tipo de formulário de contato também ajuda a manter as pessoas em seu site, pois elas não precisam sair da página que estão visualizando. Além disso, você pode aumentar sua lista de e-mail usando um popup de formulário de contato.

Dito isso, você precisará primeiro criar um formulário de contato e exibi-lo em um popup em suas páginas da web.

Mas não se preocupe. Nas seções a seguir, guiaremos você na criação de um formulário de contato e na adição dele a um popup no WordPress.

Também compartilharemos nossas dicas de especialistas sobre como criar um popup que chame a atenção sem ser intrusivo. Essa abordagem garante que seu site WordPress permaneça amigável, ao mesmo tempo em que maximiza as oportunidades de interação.

E aqui está um breve resumo de todas as etapas que você seguirá:

1. Etapa 1: Crie um Formulário de Contato WordPress
2. Etapa 2: Adicione um Popup de Formulário de Contato ao Seu Site WordPress
3. Dica Bônus: Aumente Suas Inscrições via Popup
4. Perguntas Frequentes: Como Adicionar um Popup de Formulário de Contato no WordPress
5. Tutorial em Vídeo
6. Explore Nossos Guias de Formulários WordPress

Pronto? Vamos começar.

Etapa 1: Crie um Formulário de Contato WordPress

Primeiro, você precisará selecionar um plugin de formulário de contato WordPress.

Existem muitas opções gratuitas e pagas que você pode escolher, mas recomendamos o uso do WPForms, pois é o melhor construtor de formulários para iniciantes.

Nós mesmos o usamos em nosso site para exibir formulários de contato, pesquisas anuais de usuários e formulários de migração de site. Para detalhes sobre nossa experiência com o plugin, confira nossa análise completa do WPForms.

O WPForms é um plugin de formulário amigável para iniciantes que oferece um construtor de arrastar e soltar para criar formulários de contato no WordPress com apenas alguns cliques. Ele também oferece modelos de formulário pré-construídos e muitas opções de personalização.

Para este tutorial, usaremos a versão WPForms Lite, que é gratuita e oferece um modelo de formulário de contato.

No entanto, você também pode usar sua versão premium para desbloquear mais recursos. Por exemplo, o WPForms Pro oferece mais de 2.000 modelos de formulário, mais opções de personalização, add-ons poderosos e a capacidade de coletar pagamentos online sem taxas de transação adicionais.

Para começar, você precisará primeiro instalar e ativar o plugin WPForms Lite. Se precisar de ajuda, você pode consultar nosso guia passo a passo sobre como instalar um plugin do WordPress.

Assim que o plugin estiver ativo, você estará pronto para criar seu formulário de contato. Tudo o que você precisa fazer é ir para WPForms » Adicionar Novo no seu painel do WordPress.

Na próxima tela, você pode prosseguir e inserir um nome para o formulário.

Em seguida, você selecionará como construirá seu formulário – usando WPForms AI, um modelo pré-fabricado ou uma tela em branco.

Se você quiser usar o construtor de formulários com IA, basta inserir um prompt. Em segundos, seu formulário será gerado.

Dito isso, usaremos o modelo 'Formulário de Contato Simples' para este tutorial, pois ele tem tudo o que precisamos.

Em seguida, você pode adicionar campos ao formulário usando o construtor de arrastar e soltar.

Simplesmente arraste os campos que você deseja adicionar ao formulário das opções fornecidas no menu à sua esquerda. Você também pode reordenar as posições de cada campo no formulário.

O WPForms também permite que você personalize cada campo no formulário de contato.

Por exemplo, se você clicar no campo 'Nome', você terá opções diferentes, como alterar seu rótulo e formato. Você pode até adicionar uma descrição ou marcar qualquer campo como obrigatório.

Quando terminar, prossiga e clique na opção 'Configurações' para configurar a notificação e a confirmação do formulário.

Na seção ‘Geral’, você pode renomear o formulário, alterar o texto do botão de envio, habilitar proteção anti-spam e mais.

Em seguida, você pode ir para a opção de configurações ‘Notificações’. Por padrão, as notificações são enviadas para o e-mail do administrador configurado no seu site WordPress.

No entanto, você pode enviar a notificação do seu formulário de contato para qualquer endereço de e-mail que desejar. Se desejar receber notificações de envio de formulário para vários e-mails, separe cada e-mail com uma vírgula.

Para a linha de assunto do e-mail, o WPForms usa o nome do formulário que você inseriu anteriormente. No entanto, você pode editar o texto da linha de assunto para o que desejar.

Agora, vamos para a opção ‘Confirmações’.

O WPForms usará ‘Mensagem’ como o tipo de confirmação padrão. Ao enviar um formulário, isso mostrará aos seus visitantes uma mensagem de agradecimento.

No entanto, você pode alterar o tipo de mensagem e redirecionar os usuários para uma página específica no seu site quando eles completarem um formulário.

Assim que terminar de criar um formulário de contato, certifique-se de clicar no botão ‘Salvar’ no canto superior direito para salvar suas alterações.

Em seguida, você pode clicar na opção ‘Incorporar’ no canto superior ao lado do botão ‘Salvar’ para obter o shortcode do formulário. Você precisará dessas informações para exibir seu formulário em um popup.

Quando um novo popup aparecer, você pode selecionar a opção ‘usar um shortcode’.

O WPForms exibirá então o shortcode do seu formulário de contato assim que você clicar no link. Sugerimos que você mantenha esta aba/janela aberta, pois você precisará dela na próxima etapa, onde mostraremos como adicionar seu formulário de contato em um popup.

Etapa 2: Adicione um Popup de Formulário de Contato ao Seu Site WordPress

Para criar um popup de formulário de contato, você precisará de um plugin de popup para WordPress.

Recomendamos o uso do OptinMonster, pois é o melhor plugin de geração de leads e otimização de conversão para WordPress. É também um dos mais populares, com mais de 1,2 milhão de sites usando esta poderosa ferramenta.

No WPBeginner, usamos o OptinMonster para várias tarefas, incluindo a promoção de ofertas especiais em popups, slide-ins e banners de cabeçalho. Se você quiser mais informações, sinta-se à vontade para ler nossa análise completa do OptinMonster.

Para este tutorial, usaremos a versão Pro do OptinMonster, que inclui um modelo sem distrações e regras de exibição avançadas para mostrar o popup.

Primeiro, vamos nos inscrever para uma conta indo ao site do OptinMonster. Simplesmente visite o site e clique no botão ‘Obter OptinMonster Agora’.

Em seguida, você precisará instalar e ativar o plugin gratuito do OptinMonster em seu site. Para mais detalhes, você pode seguir nosso guia sobre como instalar um plugin do WordPress.

Após o plugin estar ativo, você verá o assistente de configuração. Prossiga e clique no botão ‘Conectar Sua Conta Existente’.

Uma janela pop-up aparecerá agora, e o OptinMonster pedirá para conectar-se à sua conta.

Simplesmente clique no botão ‘Conectar Ao WordPress’.

Agora que sua conta está conectada, a próxima coisa a fazer é criar uma nova campanha para o popup do seu formulário de contato.

Você pode começar indo em OptinMonster » Campanhas e depois clicando no botão ‘Criar Sua Primeira Campanha’.

Na próxima tela, você terá que selecionar um tipo de campanha.

Como criaremos um popup de formulário de contato, selecione ‘Popup’ como seu tipo de campanha.

Depois disso, você vai querer rolar a página para baixo para escolher um modelo.

O OptinMonster oferece mais de 75 designs atraentes e de alta conversão para seus pop-ups. Você pode selecionar qualquer modelo que desejar.

Depois de decidir sobre o modelo, basta inserir um nome para sua campanha e clicar no botão ‘Iniciar Criação’.

Agora, usando o construtor de arrastar e soltar no OptinMonster, você pode editar seu modelo de pop-up.

Você verá diferentes ‘Blocos’ aparecerem no menu à sua esquerda. Vamos localizar o bloco ‘WPForms’, depois arraste e solte-o em seu modelo.

Depois disso, você precisará clicar no menu suspenso ‘Seleção de Formulário’ nas configurações do bloco no menu esquerdo.

Em seguida, selecione a opção ‘Adicionar Shortcode Manualmente’.

A partir daqui, você pode inserir o shortcode do seu formulário de contato WPForms no bloco. Para encontrar o código, você precisará voltar às configurações de incorporação do WPForms e copiar o shortcode.

É importante notar que você não verá uma prévia do formulário de contato no modelo ao adicionar o shortcode.

Isso é normal, pois seu formulário de contato aparecerá quando a campanha for publicada.

Em seguida, você pode ir para a aba ‘Regras de Exibição’ na parte superior para escolher quando o pop-up deve aparecer em seu site.

Por padrão, o OptinMonster definirá para quando o tempo na página for de 5 segundos, e o pop-up aparecerá em qualquer página. No entanto, você pode alterar as configurações de regra de exibição e selecionar diferentes gatilhos e opções de segmentação.

Sugerimos usar a segmentação MonsterLink (Ao Clicar). Dessa forma, seu pop-up aparecerá quando um visitante clicar em um link ou botão.

Em seguida, você pode clicar no botão ‘Copiar Código MonsterLink’ e adicioná-lo a qualquer texto, imagem ou botão em seu site.

Para mais detalhes, você pode seguir nosso guia para iniciantes sobre como adicionar um link no WordPress.

Seu código MonsterLink ficará assim em HTML:

<a href="https://app.monstercampaigns.com/c/ep6f5qtakxauowbj8097/" target="_blank" rel="noopener noreferrer">Subscribe Now!</a>

No entanto, para incorporar o link em sua postagem ou página do blog WordPress, você só precisa da URL do código.

Veja como a URL deve parecer:

https://app.monstercampaigns.com/c/ep6f5qtakxauowbj8097/

Por exemplo, digamos que você queira adicionar um botão Fale Conosco em seu site.

Neste caso, você pode começar editando qualquer página ou post e acessando seu editor do WordPress. Em seguida, clique no sinal de (+) no topo e adicione um bloco de ‘Botões’.

Depois disso, você pode inserir um texto para o seu botão e clicar no ícone de link. Por exemplo, usamos ‘Fale Conosco’ como o texto do botão.

Agora, é hora de adicionar o URL do MonsterLink ao seu botão. Clique no botão, depois no botão de inserção de link e cole o URL.

Depois de fazer isso, prossiga e publique seu post ou página do WordPress. O MonsterLink será agora adicionado ao seu botão ‘Fale Conosco’.

Agora, vamos voltar à sua campanha OptinMonster para concluir a configuração.

Após selecionar MonsterLink como seu destino e exibi-lo em qualquer página, você pode clicar no botão ‘Próximo’ na parte inferior.

Na próxima tela, você verá opções para alterar o tipo de visualização da campanha, adicionar uma animação MonsterEffect e reproduzir um som quando o popup aparecer.

Você pode ser criativo e experimentar diferentes configurações. Quando estiver satisfeito com a configuração, prossiga e clique no botão ‘Próximo’.

O OptinMonster exibirá então um resumo das suas configurações de ‘Regra de Exibição’.

Isso ajuda a garantir que você configurou corretamente quando suas campanhas aparecerão em seu site.

Agora, você está pronto para colocar sua campanha no ar e publicar seu popup de formulário de contato. Para fazer isso, você precisará ir para a aba ‘Publicar’ no topo.

Em seguida, você pode clicar no botão ‘Visualizar’ antes de publicar sua campanha. Isso mostrará uma prévia ao vivo de como seu popup ficará em seu site.

Quando estiver satisfeito com a aparência da sua campanha, altere o 'Status de Publicação' de 'Rascunho' para 'Publicar'.

Feito isso, você pode sair do construtor de campanhas do OptinMonster e verificar o status da sua campanha no seu painel do WordPress.

Para fazer isso, navegue até OptinMonster » Campanhas. A partir daqui, basta clicar no menu suspenso 'Status' e alterá-lo de 'Pendente' para 'Publicar'.

O OptinMonster atualizará automaticamente as alterações.

Em seguida, você precisará ir para onde exibe o botão 'Fale Conosco' com a integração MonsterLink e ver o formulário de contato pop-up em ação.

Aí está!

Você criou com sucesso um plugin de formulário de contato no WordPress. Mais ainda, você o fez garantindo que o formulário não seja intrusivo.

Dica Bônus: Aumente Suas Inscrições via Popup

Agora que você sabe como criar um formulário de contato pop-up, o próximo passo é garantir que ele melhore a experiência do usuário em vez de fazer com que os visitantes saiam do seu site.

Para maximizar as inscrições, você deve se concentrar em criar pop-ups úteis e relevantes em vez de intrusivos.

Primeiro, o tempo é crucial. Pop-ups que aparecem muito cedo podem frustrar os usuários, então tente mostrá-los depois que um visitante rolar a página ou passar algum tempo no seu site.

A personalização é outro divisor de águas. Para tornar seus pop-ups mais relevantes, você deve adaptá-los ao que os usuários estão fazendo, como oferecer um desconto em um produto que eles estão navegando.

Para incentivar uma ação rápida, crie um senso de urgência com frases como “Oferta por tempo limitado” ou explore o medo de ficar de fora (FOMO), destacando o que eles podem ganhar agindo agora.

Adicionar prova social, como avaliações ou estatísticas, também pode gerar confiança e tornar seus popups mais convincentes. Não se esqueça do papel da cor: tons vibrantes podem chamar a atenção, enquanto tons mais suaves criam confiança e harmonia.

Ao combinar essas estratégias, você pode criar popups que chamam a atenção, se conectam com seu público e impulsionam a ação sem parecerem invasivos. Para mais informações sobre este tópico, você pode conferir nosso guia sobre como usar a psicologia dos popups para aumentar inscrições em 250%.

Perguntas Frequentes: Como Adicionar um Popup de Formulário de Contato no WordPress

Tem dúvidas sobre popups de formulário de contato? Aqui estão respostas rápidas para ajudar você a configurá-los da maneira certa.

Como garantir que meu popup de formulário de contato não seja irritante?

Tudo se resume a tempo e contexto. Para evitar frustrar os visitantes, exiba pop-ups com base no comportamento, como após alguns segundos na página ou quando alguém rola para baixo. Ferramentas como OptinMonster permitem que você ajuste essas configurações para que seu pop-up pareça útil, não intrusivo.

Posso usar um pop-up de formulário de contato para visitantes de celular?

Sim, mas tenha cuidado com o espaço da tela. WPForms e OptinMonster são responsivos para dispositivos móveis, o que significa que seus pop-ups se adaptarão a telas menores. Apenas certifique-se de que o design seja limpo e fácil de fechar em dispositivos móveis.

Como posso rastrear o desempenho dos meus pop-ups de formulário de contato?

Você pode usar o MonsterInsights para rastrear métricas importantes do formulário como visualizações, cliques e conversões, tudo a partir do seu painel do WordPress. Isso ajuda você a entender o que está funcionando e onde você pode melhorar.

Um pop-up de formulário de contato deixará meu site lento?

Não se for construído e configurado corretamente. Ferramentas leves como WPForms e OptinMonster são otimizadas para desempenho, portanto, não deixarão seu site visivelmente lento quando usados corretamente.

Tutorial em Vídeo

Antes de ir, preparamos um tutorial em vídeo sobre como adicionar um pop-up de formulário de contato ao seu site WordPress. Certifique-se de conferir!

Explore Nossos Guias de Formulários WordPress

Esperamos que este artigo tenha ajudado você a aprender como adicionar um pop-up de formulário de contato no WordPress. Em seguida, você também pode querer conferir nossos guias sobre:

• Como Usar Formulários de Contato para Aumentar sua Lista de E-mails no WordPress
• Como Criar um Formulário de Contato com Múltiplos Destinatários
• Como Enviar E-mails de Confirmação Após Submissões de Formulário no WordPress
• Como Rastrear e Reduzir o Abandono de Formulários
• Formulário WordPress Não Funciona: Dicas de Solução de Problemas
• O Guia Definitivo para Usar Formulários no WordPress

Se você gostou deste artigo, por favor, inscreva-se em nosso Canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.