A Criar o Seu Primeiro Formulário no Editor Clássico

Gostaria de usar o editor clássico do WordPress para publicar os seus WPForms? O nosso construtor de formulários funciona perfeitamente, independentemente do editor de páginas que utilize, e pode adicionar facilmente formulários às suas páginas no editor clássico com um clique de botão.

Este tutorial irá mostrar-lhe como criar o seu primeiro formulário e publicá-lo usando o editor clássico no WordPress.

Nota: Este tutorial pressupõe que está a usar uma versão mais antiga do WordPress (versão 4.9.18 ou anterior) ou que tem o plugin Classic Editor instalado no seu site.

Se estiver a usar o WordPress 5.0 ou posterior e não tiver o plugin Classic Editor instalado, consulte o nosso guia para criar o seu primeiro formulário com o editor de blocos.

Para mais informações sobre como desativar o editor de blocos e usar o editor clássico em vez disso, consulte o tutorial da WPBeginner.


Antes de criar o seu primeiro formulário, terá de ter já instalado o WPForms. Recomendamos também que prossiga e verifique a sua chave de licença.

Adicionar um Novo Formulário

Para começar, terá de iniciar sessão na sua área de administração do WordPress. Aqui, clique em WPForms na barra lateral de administração para ir para a página Visão Geral dos Formulários. Em seguida, clique no botão Adicionar Novo na parte superior do ecrã para abrir o construtor de formulários.

Adicionar um novo formulário

Na página de Configuração do Construtor de Formulários, pode optar por introduzir um título para o seu formulário no campo de entrada Nomear o seu Formulário. Isto é útil para identificar este formulário no backend do seu site.

Introduzir um nome de formulário

Se deixar este campo vazio, o seu formulário terá o nome do modelo que escolher.

Abaixo do campo Nomear o seu Formulário, encontrará a nossa biblioteca de modelos de formulários. Pode usar as categorias ou a barra de pesquisa à esquerda para encontrar o mais adequado às suas necessidades.

A biblioteca de modelos do WPForms

Clique no botão Usar Modelo para aquele que gostaria de abrir no construtor de formulários.

Selecionar um modelo

Nota: O formulário neste tutorial usa o modelo Formulário de Contacto Simples. Para mais detalhes sobre como escolher, aplicar e personalizar modelos, consulte o nosso guia completo sobre modelos no WPForms.

Tenha em atenção que cada modelo é totalmente personalizável. Se não encontrar um que satisfaça totalmente os seus requisitos, pode sempre ajustá-lo no construtor de formulários.

Se preferir construir o seu formulário inteiramente do zero, selecione a opção Criar Formulário em Branco para prosseguir.

Criar um formulário em branco

Personalizar o Seu Formulário

Depois de selecionar um modelo de formulário, o Construtor de Formulários levá-lo-á para a secção Campos.

No lado esquerdo do ecrã, verá os campos disponíveis de acordo com o seu tipo de licença. À direita, verá uma pré-visualização do seu formulário até agora.

Campos disponíveis no construtor de formulários

Para adicionar um campo ao seu formulário, pode clicar nele ou arrastá-lo e soltá-lo do painel esquerdo diretamente para a área de pré-visualização do formulário.

Adicionar um campo de Texto de Parágrafo

Depois de adicionar um campo ao seu formulário, pode personalizar várias definições para ele.

Aceder às Opções de Campo

As opções de campo permitem-lhe configurar os detalhes e as definições de cada campo, como os seus rótulos e descrições.

Para ver e editar as opções disponíveis para um campo, clique nele na área de pré-visualização. As opções do campo aparecerão então no painel à esquerda, onde poderá fazer quaisquer alterações desejadas.

Abrir o painel Opções de Campo

Nota: Quer mais detalhes sobre todas as opções de campo que pode modificar no construtor de formulários? Consulte o nosso guia completo de opções de campo para informações adicionais.

Depois de terminar de editar as opções do campo, clique no botão Guardar no topo do construtor de formulários para manter as suas alterações.

Guardar um formulário

Editar as Definições do Formulário

O construtor de formulários também lhe dá a oportunidade de personalizar várias definições que se aplicam a todo o seu formulário.

Para configurar estas opções, clique no separador Definições no lado esquerdo do Construtor de Formulários.

Abrir as definições no construtor de formuláriosHaverá várias secções neste ecrã que podem variar dependendo dos add-ons que instalou. Para este tutorial, focaremos-nos nos três tipos básicos de definições: Geral, Notificações e Confirmações.

Na secção Geral, pode alterar o nome e a descrição do seu formulário. Pode também personalizar o botão de envio e ativar ou desativar a proteção contra spam.

As definições Gerais no construtor de formulários

As notificações de formulário são e-mails automáticos que são enviados quando os utilizadores enviam formulários. Na secção Notificações, pode configurar as definições de acordo com as suas preferências.

As definições de Notificações no construtor de formulários

Nota: Procura mais orientações sobre como criar notificações por e-mail para envios de formulários? Consulte o nosso tutorial sobre notificações por e-mail para todos os detalhes.

As confirmações de formulário informam os utilizadores de que enviaram um formulário com sucesso e fornecem mais informações e opções aos utilizadores.

As definições de Confirmações no construtor de formulários

Nota: Para mais detalhes sobre as definições de confirmação, consulte o nosso tutorial sobre configuração de confirmações de formulário.

Depois de terminar de configurar o seu formulário, clique no botão Guardar no topo do construtor.

Exibir Formulários no Seu Site

Existem várias formas diferentes de adicionar formulários ao seu site. Aqui veremos como exibir formulários numa página ou numa área de widget.

Incorporar o seu Formulário numa Página WordPress

Para adicionar o seu formulário a uma página usando o editor clássico no WordPress, precisará de usar um shortcode. Pode usar a Ferramenta de Incorporação integrada no construtor de formulários para o guiar neste processo, ou pode adicionar o shortcode usando o botão WPForms Adicionar Formulário no editor clássico.

Abaixo, mostraremos como ambas estas opções funcionam.

Usar a Ferramenta de Incorporação do Construtor de Formulários

A partir do construtor de formulários, pode adicionar o seu formulário a uma página clicando no botão Incorporar no topo do ecrã.

Abrir a ferramenta de incorporação no construtor de formulários

Isto abrirá uma janela pop-up. Aqui, escolherá se quer criar uma nova página para este formulário ou se quer adicioná-lo a uma existente.

A janela pop-up da ferramenta de incorporação

Adicionar um Formulário a uma Página Existente

Se clicar em Selecionar Página Existente, a janela pop-up exibirá um menu suspenso a partir do qual pode selecionar a página à qual quer adicionar o seu formulário. Depois clique no botão Vamos a isso!.

Escolher a opção Selecionar Página Existente na ferramenta de incorporação

Isto abrirá a página que selecionou no editor clássico. Deverá ver um aviso a guiá-lo para clicar no botão Adicionar Formulário acima da área de texto.

O prompt do botão Adicionar Formulário no editor clássico

Quando clicar nele, aparecerá uma janela pop-up. No menu suspenso, selecione o formulário que deseja adicionar à sua página.

O pop-up Adicionar Formulário no editor clássico

Pode também selecionar as caixas de verificação Mostrar nome do formulário e Mostrar descrição do formulário para exibir estas funcionalidades, se desejar. Clique em Adicionar Formulário para inserir o shortcode necessário.

Adicionar um formulário a uma página no editor clássico

Verá então o shortcode do formulário no editor. Certifique-se de atualizar a sua página quando terminar.

Atualizar uma página de formulário no editor clássico

Criar uma Nova Página para o Seu Formulário

Se escolher Criar Nova Página na Ferramenta de Incorporação, aparecerá um campo para adicionar um título à sua nova página. Assim que o fizer, clique em Vamos Lá!

Criar uma nova página com a ferramenta de incorporação

Isto abrirá o editor clássico. O shortcode do seu formulário será adicionado à página automaticamente.

O shortcode de um formulário no editor clássico

Por defeito, os valores title e description estão definidos como false. Isto significa que o título e a descrição do seu formulário (que pode alterar nas definições Gerais no construtor de formulários) não serão mostrados no frontend.

Se desejar mostrar o título ou a descrição, altere o valor correspondente no shortcode para true.

Definir os valores de título e descrição de um formulário como true no seu shortcode

Em seguida, clique no botão Publicar à direita do editor para tornar a página e o seu formulário ativos.

Publicar uma nova página para um formulário

Usar o Botão Adicionar Formulário do Editor Clássico

A qualquer momento, pode abrir uma página no editor clássico e adicionar um formulário a ela usando o botão Adicionar Formulário na barra de ferramentas acima da área de texto.

O botão Adicionar Formulário no editor clássico

Clique neste botão para abrir a janela pop-up, depois use o menu suspenso para selecionar o formulário que deseja publicar.

O pop-up Adicionar Formulário no editor clássico

Marque as caixas Mostrar nome do formulário e Mostrar descrição do formulário se desejar, depois selecione Adicionar Formulário.

Adicionar um formulário a uma página no editor clássico

Finalmente, atualize ou publique a sua página para tornar o seu formulário visível no frontend do seu site.

Adicionar o Seu Formulário a um Widget

Nota: Os passos abaixo assumem que está a usar o plugin Widgets Clássicos. Se não tiver este plugin instalado e ativado no seu site, consulte o nosso guia sobre como adicionar um formulário a um widget de bloco.

Um widget do WordPress é um pequeno bloco de conteúdo no seu site que executa uma função específica. São frequentemente usados para adicionar texto, links ou outras funcionalidades a áreas como a sua barra lateral ou rodapé.

Nota: Quer saber mais sobre widgets do WordPress? Consulte o guia completo sobre este tópico da WPBeginner para detalhes adicionais.

Pode adicionar os seus formulários a qualquer área de widget que o seu tema WordPress suporte. Primeiro, vá para Aparência » Widgets na sua área de administração.

Aceder ao editor de widgets clássico

Aqui, procure em Widgets Disponíveis o widget WPForms.

Localizar o widget WPForms na lista de Widgets Disponíveis

Em seguida, arraste e solte o widget WPForms na área de widget onde deseja exibi-lo.

Adicionar o widget WPForms a uma área de widget

Pode introduzir um título para o seu widget, se desejar. Em seguida, selecione o formulário que pretende exibir no menu pendente. Se quiser mostrar o título ou a descrição do formulário no widget, também pode assinalar as caixas relevantes.

Configurar um widget WPForms

Assim que o seu widget estiver configurado como pretende, clique no botão Guardar. No frontend, um widget WPForms no seu rodapé pode ter um aspeto semelhante a este:

Um formulário num widget de rodapé no frontend

É tudo! Agora sabe como criar o seu primeiro formulário com o WPForms e publicá-lo utilizando o editor clássico do WordPress.

Em seguida, recomendamos que teste o seu formulário para garantir que está a funcionar como espera. Consulte a nossa lista de verificação detalhada de testes para ajudar a garantir que o seu formulário tem o aspeto e funciona exatamente como pretende.

O Melhor Plugin Construtor de Formulários Drag and Drop para WordPress

Fácil, Rápido e Seguro. Junte-se a mais de 6 milhões de proprietários de sites que confiam no WPForms.