Resumo da IA
Deseja saber como adicionar WPForms a uma página no WordPress?
Já trabalho com o WPForms há algum tempo. Uma das dúvidas mais comuns que vejo entre os novos usuários é como transferir o formulário do construtor para uma página real.
A boa notícia? O WPForms oferece cinco maneiras diferentes de fazer isso, e cada uma delas requer apenas alguns cliques. Neste guia, vou explicar cada método para que você possa escolher aquele que melhor se adapta à sua configuração.
Crie seu formulário do WordPress agora mesmo! 😉
Como faço para 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 o Elementor ou o Divi.
Abordarei todos os 5 métodos a seguir. Se você não souber qual escolher, comece pelo Método 1. É o mais rápido.
Antes de começar
Antes de adicionar um formulário a uma página, você precisa ter duas coisas preparadas.
1. Instalar e ativar o WPForms
Se ainda não o fez, instale o plugin WPForms no seu site WordPress. Você pode baixar o WPForms Lite gratuitamente no WordPress.org ou fazer o upload da versão Pro a partir da sua conta. Se precisar de ajuda, consulte este guia passo a passo sobre como instalar um plugin no WordPress.
2. Crie seu formulário
Em seguida, acesse WPForms » Adicionar novo no painel do WordPress. O WPForms inclui um criador de formulários do tipo 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 necessários e clique em Salvar.
Essa é toda a configuração necessária. 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 o WPForms a uma página. Você nem precisa sair do editor de formulários. Depois de criar ou editar seu formulário, clique no botão “Incorporar”, localizado no canto superior direito do editor.
Uma janela pop-up exibirá duas opções: criar uma nova página ou selecionar uma já existente.
Incorporar em uma nova página
Se você quiser 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á direcionado diretamente para o editor de páginas com o seu formulário já incorporado. Basta clicar em “Publicar”.
Incorporar em uma página existente
Já tem uma página onde deseja inserir 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, talvez seja necessário adicionar o bloco do WPForms à página (explicarei como fazer isso no próximo método). Clique em “Atualizar” para salvar suas alterações.
Método 2: Use o Editor de Blocos
Se você já estiver editando uma página e quiser inserir um formulário, pode adicionar o bloco do WPForms diretamente.
Abra a página onde deseja inserir o formulário. Clique no ícone de mais (+) no canto superior esquerdo para abrir a biblioteca de blocos.
Pesquise por “WPForms” ou role a página até a seção Widgets. Clique no bloco WPForms para adicioná-lo à sua página.
Agora selecione o formulário que deseja exibir no menu suspenso “Selecionar um formulário ”.
Seu formulário aparecerá diretamente no editor. Clique em “Publicar” ou “Atualizar” quando estiver pronto.
Configurar as definições do bloco WPForms
Depois de adicionar o formulário, você verá configurações adicionais no painel da barra lateral direita.
Veja o que você pode ajustar:
- Mostrar título e descrição: ative essas opções para exibir o nome e a descrição do formulário acima dos campos do formulário.
- Estilo dos formulários: O WPForms permite que você defina o estilo dos seus formulários diretamente no editor de blocos, sem precisar escrever CSS. Você pode alterar visualmente o tamanho dos campos, as cores e os estilos dos botões.
- Avançado: Adicione classes CSS personalizadas se precisar de mais controle sobre a aparência do formulário.
Método 3: Use um código de atalho
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 ofereça suporte total a blocos ou qualquer outra área que aceite shortcodes.
Para encontrar o código de atalho do seu formulário, acesse WPForms » Todos os formulários no painel do WordPress. Você verá o código de atalho listado ao lado de cada formulário. Ele tem um formato semelhante a este:
Copie o código de atalho e, em seguida, abra a página ou a postagem onde deseja adicionar o formulário. Adicione um bloco de código de atalho (ou cole diretamente, se estiver no Editor Clássico), insira o código de atalho e clique em Publicar ou Atualizar.
Método 4: Use um widget (barra lateral ou rodapé)
Quer exibir um formulário na barra lateral ou no rodapé? Você pode adicioná-lo como um widget. Isso é ótimo para inscrições em boletins informativos, formulários de contato rápido ou formulários de captura de leads que devem aparecer em todo o site.
Vá para Aparência » Widgets no painel do WordPress.
Encontre a área de widgets onde deseja colocar seu formulário (barra lateral, rodapé etc.) e clique nela para expandi-la.
Clique no botão de mais (+) no canto superior esquerdo do editor e procure o bloco WPForms, da mesma forma que faria em uma página normal.
Selecione o formulário no menu suspenso.
Clique no botão “Atualizar” no canto superior direito para salvar as configurações do seu widget.
Veja como fica um formulário em um widget de rodapé em um site ativo:
Para um passo a passo mais detalhado, consulte nosso guia sobre como adicionar um formulário de contato em um widget da barra lateral do WordPress.
Método 5: Use um construtor de páginas
Se você cria suas páginas com o Elementor ou o Divi, o WPForms oferece integrações nativas para ambos. Você não precisa de códigos de atalho nem de soluções alternativas.
Adicionar o WPForms a uma página do Elementor
Abra sua página no construtor Elementor. Na barra lateral esquerda, procure o widget WPForms na seção Básico. Arraste-o para o local da página onde deseja que o formulário apareça.
Selecione seu formulário no menu suspenso nas configurações do widget. O Elementor exibirá uma pré-visualização em tempo real do seu formulário diretamente na página.
Se precisar fazer alterações no próprio formulário, clique no link “Editar o formulário selecionado” para abrir o criador de formulários em uma janela pop-up.
Quando tudo estiver certo, clique em “Publicar” ou “Atualizar” na parte inferior do construtor Elementor.
O WPForms também oferece suporte à personalização completa do estilo dos formulários no Elementor, incluindo cores dos campos, estilos dos botões e planos de fundo dos contêineres.
Para ver o passo a passo completo, confira nosso guia sobre como adicionar o WPForms a uma página do Elementor.
Adicionar o WPForms a uma página Divi
Abra sua página e clique em “Usar o Divi Builder” para abrir o editor visual. Escolha seu layout e adicione uma nova linha à sua página.
Quando o Divi solicitar que você insira 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, caso deseje que eles sejam exibidos.
Clique na marca de seleção verde para salvar o módulo e, em seguida, publique sua página. Para obter mais detalhes sobre estilo e opções avançadas, consulte nosso guia sobre como adicionar o WPForms a uma página Divi.
Bônus: acompanhe onde seus formulários estão incorporados
Depois de adicionar formulários ao seu site, pode ser difícil lembrar onde cada um deles está localizado. O WPForms possui um recurso integrado que mostra exatamente onde cada formulário está incorporado.
Vá para WPForms » Todos os formulários. Em seguida, abra “Opções da tela ” na parte superior da página e marque a caixa “Localizações ”.
Isso adicionará uma coluna à tabela com todos os seus formulários que mostra o número de locais em que você adicionou cada formulário. Clique nela para revelar todos os locais de um formulário específico.
Dessa forma, você sempre saberá em qual página seu formulário de contato está, sem precisar vasculhar todo o site.
Perguntas frequentes sobre como adicionar o WPForms ao WordPress
Adicionar formulários ao seu site WordPress é bem simples, mas algumas dúvidas surgem com frequência. Aqui estão as mais comuns.
Por que meu formulário do WPForms não está aparecendo na página?
Há alguns pontos a serem verificados. 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 seja exibido. Alguns plugins de cache também podem exibir uma versão antiga da página; por isso, tente limpar o cache do site e verifique novamente.
Posso adicionar o mesmo formulário a várias páginas?
Sim. Você pode incorporar o mesmo formulário em quantas páginas, publicações ou áreas de widget forem necessárias. Todos os métodos descritos neste guia permitem reutilizar um formulário em todo o seu site. Todos os envios continuam sendo coletados em um único local, em WPForms » Entradas.
Qual método de incorporação devo usar?
Isso depende da sua situação. Aqui está um guia rápido:
- Assistente de incorporação: a opção mais rápida. Use-o quando estiver criando ou editando um formulário e quiser publicá-lo imediatamente.
- Editor de blocos: ideal para quando você já está trabalhando em uma página. Oferece controles de estilo no nível do bloco.
- Código de atalho: Use com o Editor Clássico ou em qualquer lugar que aceite códigos de atalho, mas não blocos.
- Widget: Para barras laterais e rodapés. Ideal para formulários que devem aparecer em todas as páginas do seu site.
- Construtor de páginas: Se você usa o Elementor ou o Divi, a integração nativa com o WPForms mantém tudo dentro do fluxo de trabalho do seu construtor.
Em seguida, personalize seus formulários do WordPress
E é isso! Agora você já 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 cores, fontes e opções de layout
- Impedir spam nos formulários de contato com CAPTCHA, tokens antispam e listas de permissão/bloqueio
- Configure várias notificações por e-mail para encaminhar os envios de formulários às pessoas certas da sua equipe
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 o ajudou, siga-nos no Facebook e no Twitter para obter mais tutoriais e guias gratuitos sobre o WordPress.
Existe uma maneira de incorporar o formulário para gerar um código a ser incorporado em uma página externa (não no Wordpress)?
Olá, Daniel - Peço desculpas, mas isso não é possível fora da caixa. Isso ocorre porque o WPForms é um plug-in do WordPress e você precisará de um site do WordPress para usar o WPForms.
Obrigado.
Como faço para exibir o pop-up "Botão de solicitação" ao lado do botão Adicionar ao carrinho da página do meu produto?
Agradecimentos
Olá Mohamamd - Para garantir que responderemos à sua pergunta da forma mais completa possível e evitar qualquer confusão, você poderia entrar em contato com a nossa equipe?
Se você tiver uma licença do WPForms, terá acesso ao nosso suporte por e-mail, portanto, envie um tíquete de suporte. Caso contrário, oferecemos suporte gratuito limitado no fórum de suporte do WPForms Lite WordPress.org.
Obrigado.
O formulário de contato do wpforms envia e-mails se estiver em um site local?
Oi Hazem,
Sim, os e-mails de notificação podem ser recebidos e enviados ao remetente se o site estiver hospedado em um ambiente local.
É possível incorporar um WPform criado em um menu de guias? Em caso afirmativo, como?
Olá, Dave - Para que possamos responder à sua pergunta da forma mais completa possível e evitar qualquer confusão, você poderia entrar em contato com a nossa equipe?
Se você tiver uma licença do WPForms, terá acesso ao nosso suporte por e-mail, portanto, envie um tíquete de suporte. Caso contrário, oferecemos suporte gratuito limitado no fórum de suporte do WPForms Lite WordPress.org.
Obrigado.
Como posso adicionar um formulário a todas as minhas páginas de uma só vez?
Lucy, sinto muito, mas não é possível adicionar um formulário a todas as páginas de uma só vez. Uma solução alternativa mais próxima seria criar um formulário curto e adicioná-lo aos modelos de página, conforme descrito aqui.
Espero que isso ajude.
Obrigado por este guia, ele é 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 a menor ideia e o tutorial não fala nada sobre esse tópico essencial. Atenciosamente, Mike
Olá, Michael - Você pode dar uma olhada em nossa documentação aqui para configurar os e-mails de notificação de formulário. Caso queira melhorar a entrega de e-mails, aqui está uma postagem do blog que você pode conferir.
Existe uma maneira de adicionar um formulário de conversação a uma página específica? No meu caso, quero inseri-lo em minha página inicial (ou pelo menos transformar o formulário de conversação em minha página inicial)
Olá, João - No momento, não temos o recurso de incorporar o Conversational Forms a uma página específica, embora ele esteja em nosso rastreador de solicitações de recursos. Como alternativa, você pode considerar o uso do complemento Leads Form, que permite criar um formulário interativo para capturar leads em seu site do WordPress.
Bom dia, depois de inserir corretamente os e-mails de quem deve receber a notificação e ter certeza de que os e-mails foram corrigidos separadamente com uma virgula .... os e-mails serão recebidos apenas pelo administrador.
Por que mais?
Olá, Riccardo - lamentamos que não esteja funcionando como esperado. Teremos prazer em ajudá-lo com isso. Para os usuários pagos, recomendamos que entre em contato com nossa equipe enviando um tíquete de suporte aqui. Ou, se estiver usando nossa versão lite, sinta-se à vontade para criar um tópico de suporte aqui.
Obrigado.
Como faço o download e instalo manualmente a escala Likert?
Olá, Sheena - Se quiser usar o campo Likert Scale, você precisará instalar o complemento Survey and Polls. Para obter mais detalhes, dê uma olhada em nossa documentação aqui.
Existe uma 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 na página de produto do 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.
Olá, Tash. Lamento muito saber que você está enfrentando um problema de entrega de e-mail. Para corrigir isso, você pode seguir este documento.
Espero que isso ajude. Se tiver outras dúvidas, entre em contato comigo. Obrigado 🙂