Gostaria de usar o editor clássico do WordPress para publicar seus WPForms? O nosso construtor de formulários funciona sem problemas, independentemente do editor de páginas que utilizar, e pode adicionar facilmente formulários às suas páginas no editor clássico com o clique de um botão.
Este tutorial irá mostrar-lhe como criar o seu primeiro formulário e publicá-lo utilizando o editor clássico do WordPress.
Nota: Este tutorial pressupõe que está a utilizar uma versão mais antiga do WordPress (versão 4.9.18 ou anterior) ou que tem o plug-in Editor Clássico instalado no seu site.
Se estiver a utilizar o WordPress 5.0 ou posterior e não tiver o plug-in do Editor Clássico instalado, consulte o nosso guia para criar o seu primeiro formulário com o editor de blocos.
Para obter mais informações sobre como desativar o editor de blocos e utilizar o editor clássico, consulte o tutorial do WPBeginner.
Antes de criar o seu primeiro formulário, é necessário que já tenha instalado o WPForms. Também recomendamos que você verifique 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 da tela para abrir o construtor de formulários.
Na página de configuração do Form Builder, 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 sítio.
Se deixar este campo vazio, o seu formulário assumirá o nome do modelo que escolher.
Abaixo do campo Nome do seu formulário, encontrará a nossa biblioteca de modelos de formulários. Pode utilizar as categorias ou a barra de pesquisa à esquerda para encontrar o modelo mais adequado às suas necessidades.
Clique no botão Utilizar modelo para o modelo que pretende abrir no criador de formulários.
Nota: O formulário neste tutorial usa o modelo Simple Contact Form. Para obter mais detalhes sobre como escolher, aplicar e personalizar modelos, confira nosso guia completo de modelos no WPForms.
Tenha em atenção que todos os modelos são completamente personalizáveis. Se não encontrar um que satisfaça totalmente os seus requisitos, pode sempre ajustá-lo no criador de formulários.
Se preferir criar o seu formulário inteiramente a partir do zero, selecione a opção Criar formulário em branco para continuar.
Personalização do formulário
Depois de ter selecionado um modelo de formulário, o Form Builder leva-o 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é ao momento.
Para adicionar um campo ao seu formulário, pode clicar nele ou arrastá-lo e largá-lo do painel esquerdo diretamente para a área de pré-visualização do formulário.
Depois de adicionar um campo ao seu formulário, pode personalizar várias definições para o mesmo.
Aceder às opções de campo
As opções de campo permitem-lhe configurar os detalhes e definições de cada campo, tais como as suas etiquetas e descrições.
Para ver e editar as opções disponíveis para um campo, clique no mesmo na área de pré-visualização. As opções de campo serão então apresentadas no painel à esquerda, onde pode efetuar as alterações pretendidas.
Nota: Pretende obter mais pormenores sobre todas as opções de campo que pode modificar no criador de formulários? Consulte o nosso guia completo de opções de campo para obter mais informações.
Quando terminar de editar as opções de campo, clique no botão Guardar na parte superior do construtor de formulários para manter as alterações.
Editar definições de formulários
O criador de formulários também lhe dá a possibilidade de personalizar várias definições que se aplicam a todo o formulário.
Para configurar estas opções, clique no separador Definições no lado esquerdo do Form Builder.
Haverá várias secções neste ecrã que podem variar dependendo dos add-ons que tiver instalado. Para este tutorial, vamos concentrar-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. Também pode personalizar o botão de envio e ativar ou desativar a proteção contra spam.
As notificações de formulários são e-mails automáticos enviados quando os utilizadores submetem formulários. Na secção Notificações, pode configurar as definições de acordo com as suas preferências.
Nota: Procura mais orientações sobre como criar notificações por correio eletrónico para envios de formulários? Consulte o nosso tutorial de notificações por correio eletrónico para obter todos os detalhes.
As confirmações de formulários permitem que os utilizadores saibam que submeteram um formulário com êxito e fornecem mais informações e opções aos utilizadores.
Nota: Para mais pormenores sobre as definições de confirmações, consulte o nosso tutorial sobre a configuração de confirmações de formulários.
Quando tiver terminado de configurar o seu formulário, clique no botão Guardar na parte superior do construtor.
Exibir formulários no seu site
Existem várias formas diferentes de adicionar formulários ao seu sítio. Neste ponto, veremos como apresentar formulários numa página ou numa área de widget.
Incorporando seu formulário em uma página do WordPress
Para adicionar seu formulário a uma página usando o editor clássico no WordPress, você precisará usar um shortcode. Pode utilizar a Ferramenta de incorporação incorporada no construtor de formulários para o orientar neste processo ou pode adicionar o shortcode utilizando o botão Adicionar formulário do WPForms no editor clássico.
De seguida, mostramos-lhe como funcionam estas duas opções.
Utilizar a ferramenta de incorporação do Form Builder
A partir do criador de formulários, pode adicionar o seu formulário a uma página, clicando no botão Incorporar na parte superior do ecrã.
Isto abrirá uma janela pop-up. Aqui, pode escolher se pretende criar uma nova página para este formulário ou se pretende adicioná-lo a uma já existente.
Adicionando um formulário a uma página existente
Se clicar em Selecionar página existente, a janela pop-up apresentará um menu pendente a partir do qual pode selecionar a página à qual pretende adicionar o formulário. Em seguida, clique no botão Vamos lá!
Isto abrirá a página que selecionou no editor clássico. Deverá ver uma mensagem a indicar que deve clicar no botão Adicionar formulário acima da área de texto.
Quando clicar nele, aparecerá uma janela pop-up. No menu pendente, selecione o formulário que pretende adicionar à sua página.
Também pode selecionar as caixas de verificação Mostrar nome do formulário e Mostrar descrição do formulário para apresentar estas funcionalidades, se pretender. Clique em Adicionar formulário para inserir o código curto necessário.
Verá então o shortcode do formulário no editor. Certifique-se de que actualiza a sua página quando tiver terminado.
Criando uma nova página para 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. Depois de fazer isso, clique em Vamos lá!
Isto abrirá o editor clássico. O shortcode para o seu formulário será adicionado automaticamente à página.
Por defeito, o title e description os valores sã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 do criador de formulários) não serão apresentados no frontend.
Se pretender mostrar o título ou a descrição, altere o valor correspondente no shortcode para true.
Em seguida, clique no botão Publicar , à direita do editor, para ativar a página e o formulário.
Utilizar o botão Adicionar formulário do editor clássico
Em qualquer altura, pode abrir uma página no editor clássico e adicionar-lhe um formulário utilizando o botão Adicionar formulário na barra de ferramentas acima da área de texto.
Clique neste botão para abrir a janela pop-up e, em seguida, utilize o menu pendente para selecionar o formulário que pretende publicar.
Marque as caixas Mostrar nome do formulário e Mostrar descrição do formulário, se desejar, e selecione Adicionar formulário.
Por fim, actualize ou publique a sua página para tornar o seu formulário visível no frontend do seu sítio.
Adicionar o formulário a um widget
Nota: Os passos abaixo assumem que está a utilizar o plugin Classic Widgets. 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 WordPress é um pequeno bloco de conteúdo no seu site que desempenha uma função específica. São frequentemente utilizados para adicionar texto, hiperligações ou outras funcionalidades a áreas como a barra lateral ou o rodapé.
Nota: Quer saber mais sobre os widgets do WordPress? Consulte o guia completo do WPBeginner sobre este tópico para obter mais detalhes.
Pode adicionar os seus formulários a qualquer área de widget suportada pelo seu tema WordPress. Primeiro, vá para Aparência " Widgets na sua área de administração.
Aqui, procure em Widgets disponíveis o widget WPForms.
Em seguida, arraste e solte o widget WPForms na área do widget em que deseja exibi-lo.
Se desejar, pode introduzir um título para o seu widget. Em seguida, selecione o formulário que pretende apresentar a partir do menu pendente. Se pretender mostrar o título ou a descrição do formulário no widget, pode também selecionar as caixas relevantes.
Quando o widget estiver configurado da maneira que você deseja, clique no botão Salvar. No front-end, um widget WPForms no seu rodapé pode ser algo parecido com isto:
É isso aí! Agora você sabe como criar seu primeiro formulário com o WPForms e publicá-lo usando o editor clássico do WordPress.
Em seguida, recomendamos que teste o seu formulário para se certificar de que está a funcionar da forma esperada. Consulte a nossa lista de verificação de testes detalhada para ajudar a garantir que o seu formulário tem o aspeto e funciona exatamente como gostaria.