Resumo da IA
Quer saber como adicionar WPForms a uma página no WordPress?
Já trabalho com o WPForms há algum tempo. Uma das perguntas mais frequentes que vejo por parte dos novos utilizadores é como transferir o formulário do construtor para uma página real.
A boa notícia? O WPForms oferece-lhe 5 formas diferentes de o fazer, e cada uma delas requer apenas alguns cliques. Neste guia, vou explicar-lhe cada um dos métodos para que possa escolher aquele que melhor se adapta à sua configuração.
Crie já o seu formulário WordPress! 😉
Como faço para adicionar WPForms a uma página no WordPress?
O WPForms facilita a exibição dos seus formulários em qualquer parte do seu site.
Pode utilizar o assistente de incorporação integrado, o editor de blocos do WordPress, um código de atalho, um widget ou um construtor de páginas como o Elementor ou o Divi.
Abordarei os 5 métodos abaixo. Se não souber qual escolher, comece pelo Método 1. É o mais rápido.
Antes de começar
Antes de poder adicionar um formulário a uma página, terá de ter duas coisas preparadas.
1. Instalar e ativar o WPForms
Se ainda não o fez, instale o plugin WPForms no seu site WordPress. Pode descarregar o WPForms Lite gratuitamente em WordPress.org ou carregar a 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 o seu formulário
Em seguida, aceda a WPForms » Adicionar novo no painel de controlo do WordPress. O WPForms inclui um criador de formulários do tipo arrastar e largar e mais de 2.100 modelos de formulários para o ajudar a começar rapidamente. Escolha um modelo, personalize os campos de que necessita e clique em Guardar.
É tudo o que precisa para a configuração. Agora vamos colocar o seu formulário numa página.
Método 1: Utilizar o Assistente de incorporação
Esta é a forma mais rápida de adicionar o WPForms a uma página. Nem sequer precisa de sair do criador de formulários. Depois de criar ou editar o seu formulário, clique no botão «Incorporar» no canto superior direito do criador.
Uma janela pop-up irá apresentar-lhe duas opções: criar uma nova página ou selecionar uma já existente.
Incorporar numa nova página
Se quiser criar uma nova página para o seu formulário, clique em «Criar nova página». Introduza um nome para a página e clique em «Vamos lá».
Será redirecionado diretamente para o editor de páginas, onde o seu formulário já estará incorporado. Basta clicar em «Publicar».
Incorporar numa página existente
Já tem uma página onde deseja colocar o formulário? Clique em «Selecionar página existente» e escolha a página no menu suspenso.
Clique em «Vamos lá» e será redirecionado para o editor dessa página. A partir daqui, poderá ser necessário adicionar o bloco WPForms à página (explicarei como fazê-lo no próximo método). Clique em «Atualizar» para guardar as alterações.
Método 2: Utilizar o Editor de Blocos
Se já estiver a editar uma página e quiser inserir um formulário, pode adicionar diretamente o bloco WPForms.
Abra a página onde pretende colocar o seu formulário. Clique no ícone de mais (+) no canto superior esquerdo para abrir a biblioteca de blocos.
Procure por «WPForms» ou desça até à secção Widgets. Clique no bloco WPForms para o adicionar à sua página.
Agora selecione o formulário que pretende apresentar no menu suspenso «Selecionar um formulário ».
O 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, irá notar que aparecem definições adicionais no painel da barra lateral direita.
Eis o que pode ajustar:
- Mostrar título e descrição: ative estas opções para exibir o nome e a descrição do formulário acima dos campos do formulário.
- Personalização de formulários: O WPForms permite-lhe personalizar os seus formulários diretamente no editor de blocos, sem necessidade de escrever CSS. Pode alterar visualmente o tamanho dos campos, as cores e o estilo dos botões.
- Avançado: Adicione classes CSS personalizadas se precisar de maior controlo sobre a aparência do formulário.
Método 3: Utilizar um código de atalho
O WPForms gera um código de atalho único para cada formulário que criar. Isto é útil se estiver a trabalhar com o Editor Clássico, um tema que não suporta totalmente blocos ou qualquer outra área que aceite códigos de atalho.
Para encontrar o código de atalho do seu formulário, aceda a WPForms » Todos os formulários no painel de controlo do WordPress. Verá o código de atalho indicado ao lado de cada formulário. Tem um aspeto semelhante a este:
Copie o código de atalho e, em seguida, abra a página ou publicação onde pretende adicionar o seu 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: Utilizar um widget (barra lateral ou rodapé)
Quer exibir um formulário na sua barra lateral ou rodapé? Pode adicioná-lo como um widget. Isto é ideal para inscrições em newsletters, formulários de contacto rápido ou formulários de captação de leads que devem aparecer em todo o seu site.
Vá a Aparência » Widgets no painel de controlo do WordPress.
Encontre a área de widgets onde pretende colocar o seu formulário (barra lateral, rodapé, etc.) e clique nela para a expandir.
Clique no botão «+» no canto superior esquerdo do editor e procure o bloco WPForms, tal como faria numa página normal.
Selecione o seu formulário no menu suspenso.
Clique no botão «Atualizar» no canto superior direito para guardar as definições do seu widget.
Eis como fica um formulário num widget de rodapé num site ativo:
Para um passo a passo mais detalhado, consulte o nosso guia sobre como adicionar um formulário de contacto num widget da barra lateral do WordPress.
Método 5: Utilizar um construtor de páginas
Se criar as suas páginas com o Elementor ou o Divi, o WPForms dispõe de integrações nativas para ambos. Não precisa de códigos de atalho nem de soluções alternativas.
Adicionar o WPForms a uma página do Elementor
Abra a sua página no construtor Elementor. Na barra lateral esquerda, procure o widget WPForms na secção «Básico ». Arraste-o para a sua página, no local onde pretende que o formulário apareça.
Selecione o seu formulário no menu suspenso nas definições do widget. O Elementor irá mostrar uma pré-visualização em tempo real do seu formulário diretamente na página.
Se precisar de fazer alterações no próprio formulário, clique na ligação «Editar o formulário selecionado» para abrir o criador de formulários numa janela pop-up.
Quando tudo estiver em ordem, clique em «Publicar» ou «Atualizar» na parte inferior do construtor Elementor.
O WPForms também permite personalizar totalmente o estilo dos formulários no Elementor, incluindo as cores dos campos, os estilos dos botões e os fundos dos contentores.
Para ver o passo a passo completo, consulte o nosso guia sobre como adicionar o WPForms a uma página do Elementor.
Adicionar o WPForms a uma página Divi
Abra a sua página e clique em «Usar o Divi Builder» para abrir o editor visual. Escolha o seu layout e adicione uma nova linha à sua página.
Quando o Divi lhe pedir para inserir um módulo, procure o WPForms e selecione-o.
Nas definições do módulo, selecione o seu formulário no menu suspenso «Selecionar formulário ». Também pode ativar o título e a descrição do formulário, caso pretenda que sejam apresentados.
Clique na marca de verificação verde para guardar o módulo e, em seguida, publique a sua página. Para mais detalhes sobre o estilo e as opções avançadas, consulte o nosso guia sobre como adicionar o WPForms a uma página Divi.
Bónus: Acompanhe onde os seus formulários estão incorporados
Depois de adicionar formulários ao seu site, pode tornar-se complicado lembrar-se de onde cada um deles se encontra. O WPForms possui uma funcionalidade integrada que lhe mostra exatamente onde cada formulário está incorporado.
Vá a WPForms » Todos os formulários. Em seguida, abra «Opções do ecrã » na parte superior da página e marque a caixa «Localizações ».
Isto adicionará uma coluna à tabela com todos os seus formulários que mostra o número de locais onde adicionou cada formulário. Clique nela para revelar todos os locais para um formulário específico.
Desta forma, poderá sempre ver em que página se encontra o seu formulário de contacto sem ter de percorrer todo o site.
Perguntas frequentes sobre como adicionar o WPForms ao WordPress
Adicionar formulários ao seu site WordPress é muito simples, mas há algumas questões que surgem com frequência. Aqui estão as mais comuns.
Por que é que o meu formulário do WPForms não aparece na página?
Há alguns aspetos a verificar. Em primeiro lugar, certifique-se de que publicou ou atualizou a página após adicionar o formulário. Se utilizou um shortcode, verifique se o ID do formulário está correto.
Um erro ortográfico no código de atalho fará com que nada seja exibido. Alguns plugins de cache também podem apresentar uma versão mais 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. Pode incorporar o mesmo formulário em quantas páginas, publicações ou áreas de widgets precisar. Todos os métodos descritos neste guia permitem reutilizar um formulário em todo o seu site. Todos os envios continuam a ser reunidos num único local, em WPForms » Entradas.
Que método de incorporação devo utilizar?
Depende da sua situação. Aqui está um guia rápido:
- Assistente de incorporação: a opção mais rápida. Utilize-o quando estiver a criar ou a editar um formulário e quiser publicá-lo imediatamente.
- Editor de blocos: ideal para quando já está a trabalhar numa página. Oferece-lhe controlos de estilo ao nível do bloco.
- Código de atalho: Utilize 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 utilizar o Elementor ou o Divi, a integração nativa do WPForms mantém tudo dentro do fluxo de trabalho do seu construtor.
A seguir, personalize os seus formulários do WordPress
E é isso! Agora já conhece 5 formas diferentes de adicionar o WPForms a uma página no WordPress. Agora que o seu formulário está ativo, eis algumas coisas que poderá querer fazer a seguir:
- Personalize o aspeto do seu formulário com cores, tipos de letra e opções de disposição
- Impedir o spam nos formulários de contacto 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 para as pessoas certas da sua equipa
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 o ajudou, siga-nos no Facebook e no Twitter para mais tutoriais e guias gratuitos do WordPress.
Existe alguma forma de incorporar o formulário para gerar um código para incorporar numa página externa (não wordpress)?
Olá Daniel - Peço desculpa mas isto não é possível de imediato. Isso ocorre porque o WPForms é um plugin do WordPress e você precisará de um site WordPress para usar o WPForms.
Obrigado.
Como faço para incluir o pop-up "Botão de pedido" junto ao botão "Adicionar ao carrinho" da minha página de produto?
Agradecimentos
Olá Mohamamd - Para garantir que respondemos à sua pergunta da forma mais completa possível e evitar qualquer confusão, pode contactar a nossa equipa?
Se você tem uma licença WPForms, você tem acesso ao nosso suporte por e-mail, então por favor envie um ticket de suporte. Caso contrário, oferecemos suporte gratuito limitado no fórum de suporte do WPForms Lite WordPress.org.
Obrigado.
O formulário de contacto do wpforms envia e-mails se estiver num sítio Web local?
Olá Hazem,
Sim, os e-mails de notificação podem ser recebidos e enviados para o remetente se o sítio estiver alojado em ambiente local.
É possível incorporar um formulário WPform criado num menu de separador? Em caso afirmativo, como?
Olá Dave - Para garantir que respondemos à sua pergunta da forma mais completa possível e evitar qualquer confusão, pode contactar a nossa equipa?
Se você tem uma licença WPForms, você tem acesso ao nosso suporte por e-mail, então por favor envie um ticket de suporte. Caso contrário, oferecemos suporte gratuito limitado no fórum de suporte do WPForms Lite WordPress.org.
Obrigado.
Como é que posso adicionar um formulário a todas as minhas páginas de uma só vez?
Lucy, lamento, 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 isto ajude.
Obrigado por este guia, é muito claro e direto, mesmo para alguém novo no Wordpress como eu. O que não percebo é como é que recebo a resposta quando alguém preenche e submete o meu formulário - não faço a mínima ideia e o tutorial é totalmente omisso em relação a este tópico essencial. Com os melhores cumprimentos, Mike
Olá Michael - Pode consultar a nossa documentação aqui para configurar os e-mails de notificação de formulários. Caso queira melhorar a entrega dos emails, aqui está um post do blogue que pode consultar.
Existe alguma forma de adicionar um formulário de conversação a uma página específica? No meu caso, quero inseri-lo na minha página inicial (ou, pelo menos, transformar o formulário de conversação na minha página inicial)
Olá João - Atualmente não temos a funcionalidade de incorporar Formulários de Conversação numa página específica, embora esteja no nosso registo de pedidos de funcionalidades. Como alternativa, pode considerar a utilização do addon Leads Form que lhe permite criar um formulário interativo para capturar leads no seu site WordPress.
Bom dia, depois de ter inserido corretamente os e-mails de quem deve receber a notificação e de ter a certeza de que os e-mails são corrigidos separadamente com uma virgula .... os e-mails serão recebidos apenas pelo administrador.
Por que mais?
Riccardo - Lamentamos que não esteja a funcionar como esperado. Teremos todo o gosto em ajudá-lo com esta questão. Para os utilizadores pagos, recomendamos que entre em contacto com a nossa equipa enviando um ticket de suporte aqui. Ou, se estiver a utilizar a nossa versão lite, sinta-se à vontade para criar um tópico de suporte aqui.
Obrigado.
Como é que descarrego e instalo manualmente a escala de Likert?
Olá Sheena - Se quiser usar o campo Escala de Likert, precisará instalar o complemento Questionário e enquetes. Para obter mais detalhes, consulte a nossa documentação aqui.
Existe alguma forma de incorporar um formulário numa página de produto do woocommerce?
Olá Catamara - infelizmente, neste momento não temos uma forma de incorporar um formulário na página de produtos Woo. No entanto, tomei nota na nossa lista de pedidos de funcionalidades para que a possamos manter no nosso radar! Obrigado 🙂
Olá,
Instalei o formulário Web e está funcional, mas nenhum dos pedidos de informação está a chegar ao meu endereço de correio eletrónico.
Lamento saber que está a enfrentar um problema de entrega de correio eletrónico. Para resolver o problema, pode seguir este documento.
Espero que isto ajude. Se tiveres mais perguntas, diz-me. Obrigado 🙂