Resumo de IA
Você quer aprender como adicionar WPForms a uma página no WordPress?
Eu trabalho com WPForms há algum tempo. Uma das perguntas mais comuns que vejo de novos usuários é como colocar o formulário do construtor em uma página real.
A boa notícia? O WPForms oferece 5 maneiras diferentes de fazer isso, e cada uma leva apenas alguns cliques. Neste guia, vou mostrar todos os métodos para que você possa escolher o que funciona melhor para sua configuração.
Crie Seu Formulário WordPress Agora! 😉
Como Adicionar WPForms a uma Página no WordPress?
O WPForms facilita a exibição de seus formulários em qualquer lugar do seu site.
Você pode usar o assistente de incorporação integrado, o editor de blocos do WordPress, um shortcode, um widget ou um construtor de páginas como Elementor ou Divi.
Vou cobrir todos os 5 métodos abaixo. Se você não tiver certeza de qual escolher, comece com o Método 1. É o mais rápido.
Antes de começar
Antes de poder adicionar um formulário a uma página, você precisará de duas coisas prontas.
1. Instalar e Ativar o WPForms
Se você ainda não o fez, instale o plugin WPForms em seu site WordPress. Você pode baixar o WPForms Lite gratuitamente em WordPress.org, ou fazer o upload da versão Pro de sua conta. Se precisar de ajuda, confira este guia passo a passo sobre como instalar um plugin no WordPress.
2. Crie Seu Formulário
Em seguida, vá para WPForms » Adicionar Novo em seu painel do WordPress. O WPForms vem com um construtor de formulários de arrastar e soltar e mais de 2.100 modelos de formulários para ajudá-lo a começar rapidamente. Escolha um modelo, personalize os campos que você precisa e clique em Salvar.
Essa é toda a configuração que você precisa. Agora vamos colocar seu formulário em uma página.
Método 1: Use o Assistente de Incorporação
Esta é a maneira mais rápida de adicionar WPForms a uma página. Você nem precisa sair do construtor de formulários. Depois de ter criado ou editado seu formulário, clique no botão Incorporar no canto superior direito do construtor.
Um pop-up lhe dará duas opções: criar uma nova página ou selecionar uma existente.
Incorporar em uma Nova Página
Se você deseja uma nova página para o seu formulário, clique em Criar Nova Página. Digite um nome para a página e clique em Vamos Lá.
Você será levado diretamente para o editor de páginas com seu formulário já incorporado. Tudo o que você precisa fazer é clicar em Publicar.
Incorporar em uma Página Existente
Já tem uma página onde deseja o formulário? Clique em Selecionar Página Existente e escolha a página no menu suspenso.
Clique em Vamos Lá e você será redirecionado para o editor dessa página. A partir daqui, você pode precisar adicionar o bloco WPForms à página (vou cobrir como no próximo método). Clique em Atualizar para salvar suas alterações.
Método 2: Use o Editor de Blocos
Se você já está editando uma página e deseja inserir um formulário, pode adicionar o bloco WPForms diretamente.
Abra a página onde você deseja seu formulário. Clique no ícone de mais (+) no canto superior esquerdo para abrir a biblioteca de blocos.
Procure por "WPForms" ou role até a seção Widgets. Clique no bloco WPForms para adicioná-lo à sua página.
Agora selecione o formulário que você deseja exibir no menu suspenso Selecionar um Formulário.
Seu formulário aparecerá diretamente no editor. Clique em Publicar ou Atualizar quando estiver pronto.
Configure as Definições do Bloco WPForms
Depois de adicionar o formulário, você notará configurações adicionais no painel lateral direito.
Aqui está o que você pode ajustar:
- Mostrar Título e Mostrar Descrição: Ative estas opções para exibir o nome e a descrição do formulário acima dos campos do formulário.
- Estilização do Formulário: O WPForms permite que você estilize seus formulários diretamente no editor de blocos sem escrever nenhum CSS. Você pode alterar tamanhos de campos, cores e estilos de botões visualmente.
- Avançado: Adicione classes CSS personalizadas se precisar de mais controle sobre a aparência do formulário.
Método 3: Use um Shortcode
O WPForms gera um shortcode exclusivo para cada formulário que você cria. Isso é útil se você estiver trabalhando com o Editor Clássico, um tema que não oferece suporte completo a blocos ou qualquer outra área que aceite shortcodes.
Para encontrar o shortcode do seu formulário, vá para WPForms » Todos os Formulários no seu painel do WordPress. Você verá o shortcode listado ao lado de cada formulário. Ele se parece com isto:
Copie o shortcode, em seguida, abra a página ou post onde você deseja adicionar seu formulário. Adicione um bloco de Shortcode (ou cole diretamente se você estiver no Editor Clássico), insira o shortcode e clique em Publicar ou Atualizar.
Método 4: Use um Widget (Barra Lateral ou Rodapé)
Quer exibir um formulário na sua barra lateral ou rodapé? Você pode adicioná-lo como um widget. Isso é ótimo para inscrições em newsletters, formulários de contato rápidos ou formulários de captura de leads que devem aparecer em todo o seu site.
Vá para Aparência » Widgets no seu painel do WordPress.
Encontre a área de widget onde você deseja seu formulário (barra lateral, rodapé, etc.) e clique nela para expandi-la.
Clique no botão mais (+) no canto superior esquerdo do editor e procure pelo bloco WPForms, assim como você faria em uma página normal.
Selecione seu formulário no menu suspenso.
Clique no botão Atualizar no canto superior direito para salvar as configurações do seu widget.
Veja como um formulário aparece em um widget de rodapé em um site ativo:
Para um guia mais detalhado, confira nosso guia sobre como adicionar um formulário de contato em um widget de barra lateral do WordPress.
Método 5: Use um Construtor de Páginas
Se você constrói suas páginas com Elementor ou Divi, o WPForms tem integrações nativas para ambos. Você não precisa de shortcodes ou soluções alternativas.
Adicionar WPForms a uma Página Elementor
Abra sua página no construtor Elementor. Na barra lateral esquerda, procure pelo widget WPForms na seção Básicos. Arraste-o para a sua página onde você deseja que o formulário apareça.
Selecione seu formulário no menu suspenso nas configurações do widget. O Elementor mostrará uma prévia ao vivo do seu formulário diretamente na página.
Se você precisar fazer alterações no formulário em si, clique no link Editar o formulário selecionado para abrir o construtor de formulários em uma janela pop-up.
Quando tudo parecer bom, clique em Publicar ou Atualizar na parte inferior do construtor Elementor.
O WPForms também suporta estilização completa de formulários dentro do Elementor, incluindo cores de campos, estilos de botões e fundos de contêiner.
Para o guia completo, confira nosso guia sobre como adicionar WPForms a uma página Elementor.
Adicionar WPForms a uma Página Divi
Abra sua página e clique em Usar Divi Builder para iniciar o editor visual. Escolha seu layout e adicione uma nova linha à sua página.
Quando o Divi pedir para inserir um módulo, procure por WPForms e selecione-o.
Nas configurações do módulo, selecione seu formulário no menu suspenso Selecionar Formulário. Você também pode ativar o título e a descrição do formulário, se desejar que sejam exibidos.
Clique na marca de verificação verde para salvar o módulo e, em seguida, publique sua página. Para mais detalhes sobre estilo e opções avançadas, consulte nosso guia sobre como adicionar WPForms a uma página do Divi.
Bônus: Rastreie Onde Seus Formulários Estão Incorporados
Depois de adicionar formulários em todo o seu site, pode ser complicado lembrar onde cada um está. O WPForms tem um recurso integrado que mostra exatamente onde cada formulário está incorporado.
Vá para WPForms » Todos os Formulários. Em seguida, abra Opções de Tela na parte superior da página e marque a caixa Locais.
Isso adicionará uma coluna à tabela com todos os seus formulários que mostra o número de locais onde você adicionou cada formulário. Clique nela para revelar todos os locais de um formulário específico.
Dessa forma, você sempre pode ver em qual página seu formulário de contato está sem ter que procurar em todo o seu site.
Perguntas Frequentes Sobre Como Adicionar WPForms ao WordPress
Adicionar formulários ao seu site WordPress é simples, mas algumas perguntas surgem regularmente. Aqui estão as mais comuns.
Por Que Meu Formulário WPForms Não Está Aparecendo na Página?
Há algumas coisas para verificar. Primeiro, certifique-se de que você realmente publicou ou atualizou a página após adicionar o formulário. Se você usou um shortcode, verifique se o ID do formulário está correto.
Um erro de digitação no shortcode fará com que nada apareça. Alguns plugins de cache também podem servir uma versão mais antiga da página, então tente limpar o cache do seu site e verificar novamente.
Posso Adicionar o Mesmo Formulário a Várias Páginas?
Sim. Você pode incorporar o mesmo formulário em quantas páginas, posts ou áreas de widget precisar. Todos os métodos neste guia funcionam para reutilizar um formulário em todo o seu site. Todas as submissões ainda são coletadas em um só lugar em WPForms » Entradas.
Qual Método de Incorporação Devo Usar?
Depende da sua situação. Aqui está um guia rápido:
- Assistente de Incorporação: Opção mais rápida. Use-o quando estiver criando ou editando um formulário e quiser publicá-lo imediatamente.
- Editor de Blocos: Melhor para quando você já está trabalhando em uma página. Oferece controles de estilo em nível de bloco.
- Shortcode: Use com o Editor Clássico ou em qualquer lugar que aceite shortcodes, mas não blocos.
- Widget: Para barras laterais e rodapés. Ótimo para formulários que devem aparecer em todas as páginas do seu site.
- Page Builder: Se você usa Elementor ou Divi, a integração nativa do WPForms mantém tudo dentro do fluxo de trabalho do seu construtor.
Em seguida, Personalize Seus Formulários WordPress
E é isso! Agora você conhece 5 maneiras diferentes de adicionar o WPForms a uma página no WordPress. Agora que seu formulário está no ar, aqui estão algumas coisas que você pode querer fazer a seguir:
- Personalize a aparência do seu formulário com opções de cores, fontes e layout
- Interrompa o spam do formulário de contato com CAPTCHA, tokens antispam e listas de permissão/bloqueio
- Configure várias notificações por e-mail para encaminhar envios de formulários para as pessoas certas em sua equipe
Crie seu formulário WordPress agora
Pronto para construir seu formulário? Comece hoje mesmo com o plugin construtor de formulários WordPress mais fácil. WPForms Pro inclui muitos modelos gratuitos e oferece uma garantia de devolução do dinheiro em 14 dias.
Se este artigo ajudou você, por favor, siga-nos no Facebook e Twitter para mais tutoriais e guias gratuitos do WordPress.
Existe uma maneira de incorporar o formulário para gerar um código para incorporar em uma página externa (não WordPress)?
Olá Daniel – Peço desculpas, mas isso não é possível nativamente. Isso ocorre porque o WPForms é um plugin do WordPress e você precisará de um site WordPress para poder usar o WPForms.
Obrigado.
Como posso destacar o botão "Solicitar" Popup ao lado do meu botão "Adicionar ao Carrinho" na página do meu produto?
Obrigado
Olá Mohamamd — Para garantir que respondamos à sua pergunta da forma mais completa possível e evitar qualquer confusão, você poderia entrar em contato com nossa equipe?
Se você tiver uma licença WPForms, terá acesso ao nosso suporte por e-mail, portanto, envie um ticket de suporte. Caso contrário, oferecemos suporte complementar limitado no fórum de suporte do WPForms Lite no WordPress.org.
Obrigado.
O formulário de contato do wpforms envia e-mails se ele estiver em um site local?
Olá Hazem,
Sim, e-mails de notificação podem ser recebidos e enviados ao remetente se o site estiver hospedado em um ambiente local.
Você pode incorporar um WPform criado em um menu de abas? Se sim, como?
Olá Dave — Para garantir que respondamos à sua pergunta da forma mais completa possível e evitar qualquer confusão, você poderia entrar em contato com nossa equipe?
Se você tiver uma licença WPForms, terá acesso ao nosso suporte por e-mail, portanto, envie um ticket de suporte. Caso contrário, oferecemos suporte complementar limitado no fórum de suporte do WPForms Lite no WordPress.org.
Obrigado.
Como posso adicionar um formulário a todas as minhas páginas de uma vez?
Olá Lucy, sinto muito, mas não é possível adicionar um formulário a todas as páginas de uma vez. Uma solução alternativa seria criar um shortcode e adicioná-lo aos seus templates de página, como descrito aqui.
Espero que isso ajude.
Obrigado por este guia, é muito claro e direto, mesmo para alguém novo no WordPress como eu. O que não entendo é como recebo a resposta se alguém preenche e envia meu formulário – não tenho ideia e o tutorial está totalmente em silêncio sobre este tópico essencial. Atenciosamente, Mike
Olá Michael – Você pode conferir nossa documentação aqui para configurar e-mails de notificação de formulário. Caso queira melhorar a entrega de e-mails, aqui está um post no blog que você pode conferir.
Existe alguma maneira de adicionar um formulário conversacional a uma página específica? No meu caso, quero inseri-lo na minha página inicial (ou pelo menos transformar o formulário conversacional na minha página inicial)
Olá Joao – Atualmente não temos o recurso de incorporar Formulários Conversacionais em uma página específica, embora esteja em nosso rastreador de solicitações de recursos. Como alternativa, você pode considerar usar o addon Leads Form que permite criar um formulário interativo para capturar leads em seu site WordPress.
Bom dia, apesar de ter inserido corretamente os e-mails de quem deve receber a notificação e ter certeza de que os e-mails estão corretos, separando-os com uma vírgula... os e-mails são recebidos apenas pelo administrador.
Por quê?
Olá Riccardo – Desculpe que não está funcionando como esperado. Teremos prazer em ajudá-lo com isso. Para usuários pagos, recomendamos entrar em contato com nossa equipe enviando um ticket de suporte aqui. Ou, se você estiver usando nossa versão lite, sinta-se à vontade para abrir um thread de suporte aqui.
Obrigado.
como faço para baixar e instalar manualmente a escala Likert?
Olá Sheena – Se você quiser usar o campo Escala Likert, precisará instalar o addon Pesquisa e Enquetes. Para mais detalhes, por favor, consulte nossa documentação aqui.
Existe alguma maneira de incorporar um formulário em uma página de produto do WooCommerce?
Olá Catamara – infelizmente não temos uma maneira de incorporar um formulário em uma página de produto Woo no momento. No entanto, fiz uma anotação em nossa lista de solicitações de recursos para que possamos mantê-la em nosso radar! Obrigado :)
Olá,
Instalei o Webform e ele está funcionando, mas nenhuma das consultas está chegando ao meu endereço de e-mail, você pode me ajudar?
Olá Tash – Sinto muito em saber que você está enfrentando problemas de entrega de e-mail. Para corrigir isso, você pode seguir esta documentação.
Espero que isso ajude. Me diga se você tiver mais alguma dúvida. Obrigado 🙂