Exibindo Formulários em Seu Site

Quer aprender sobre as diferentes maneiras de exibir os formulários que você criou em seu site WordPress? O WPForms pode ser facilmente integrado a qualquer aspecto do seu site.

Este tutorial mostrará diferentes maneiras de exibir formulários criados com o WPForms em um site WordPress.

Observação: As etapas abaixo são para a versão 5 ou mais recente do WordPress. Se você estiver usando uma versão mais antiga do WordPress, consulte nosso tutorial sobre como trabalhar com formulários no Editor Clássico do WordPress.


Antes de começar, certifique-se de que o WPForms esteja instalado e ativado em seu site WordPress e de que você tenha verificado sua licença.

Este tutorial se concentrará em como exibir formulários em seu site dentro de uma página ou um widget.

Incorporando seu formulário em uma página do WordPress

Existem duas maneiras diferentes de incorporar seus formulários em uma página do WordPress. Você pode usar o assistente de incorporação integrado no construtor de formulários ou adicionar seu formulário a uma página manualmente com o editor de blocos.

Incorporando um formulário com o Assistente de Incorporação do WPForms

Para começar, você precisará criar um novo formulário ou editar um existente para acessar o construtor de formulários. Depois de personalizar seu formulário, você pode usar o Assistente de Incorporação diretamente do construtor de formulários clicando no botão Incorporar.

Acessando o assistente de incorporação do WPForms no construtor de formulários

A partir daqui, você terá a opção de criar uma nova página para incorporar seu formulário ou selecionar uma página existente para adicionar seu formulário.

Escolhendo se deseja criar uma nova página para incorporar um formulário, ou selecionar uma página existente

Se você selecionar a opção Criar Nova Página, será solicitado que insira um nome para a página. Em seguida, clique no botão Vamos Lá para continuar.

A opção Criar Nova Página no assistente de incorporação de formulário

Depois disso, você será redirecionado para a nova página com o formulário incorporado. Quando estiver pronto, clique no botão Publicar para publicar seu formulário.

Publicar página

Se você escolher a opção Selecionar Página Existente, será solicitado que escolha em qual página incorporar seu formulário no menu suspenso.

A opção Selecionar Página Existente no assistente de incorporação de formulário

Após selecionar a página, clique no botão Vamos Lá para ser redirecionado para o editor de blocos. No editor de blocos, você precisará adicionar um novo bloco para incorporar o WPForms à página.

Exibir formulário em página existente

Vamos guiá-lo pelas etapas na próxima seção.

Incorporando um formulário com o Editor de Blocos

Depois de abrir o editor de páginas, você pode adicionar um novo bloco clicando no ícone de mais (+) no canto superior esquerdo.

Adicionando um novo bloco a uma página

Isso abrirá um menu de opções de blocos. Para localizar o bloco WPForms, você pode pesquisar por "WPForms" ou rolar até a categoria Widgets. Em seguida, clique no bloco WPForms.

Adicionando o bloco WPForms a uma página

Isso adicionará o bloco WPForms ao editor de páginas. Em seguida, selecione o formulário que deseja incorporar no menu suspenso Selecionar um Formulário.

Selecionando um formulário do bloco WPForms

Após selecionar um título de formulário, o formulário completo será exibido dentro do bloco WPForms. No menu da barra lateral direita, você verá configurações adicionais de personalização. Dentro dessas opções de bloco, você pode personalizar as seguintes configurações:

As configurações do bloco WPForms

  • Formulário: Esta configuração permite que você escolha um formulário diferente para exibir.
  • Título do Formulário e Descrição do Formulário: Com essas opções, você pode ocultar ou mostrar detalhes adicionais do formulário.
  • Opções de Estilização do Formulário: O WPForms permite que você estilize seus formulários no editor de blocos sem escrever nenhum CSS. Para saber mais, confira nosso tutorial sobre como estilizar seu formulário no editor de blocos.
  • Avançado: Aqui você pode copiar qualquer personalização que aplicou a este formulário e reutilizá-la em um formulário diferente. Você também poderá adicionar classes CSS ao seu formulário. Esta opção é recomendada apenas para usuários avançados.

Quando estiver satisfeito com seu formulário e suas configurações, publique a página e visite o front-end do seu site para ver seu formulário em ação. Veja como nosso exemplo ficaria em um site ativo:

Experimente esta Demonstração de Formulário!
Nome

Incorporando seu formulário em um widget

Observação: Estas instruções são para o editor de Widgets de Bloco que veio com o WordPress 5.8. Se você ainda estiver usando o editor de Widgets Clássico, consulte nosso tutorial sobre como usar formulários com o Editor Clássico para obter as etapas de incorporação de um formulário em um widget.

Um widget do WordPress é um pequeno bloco de conteúdo em seu site que executa uma função específica. Por exemplo, você pode adicionar o bloco WPForms a uma área de widget para incorporar um formulário na barra lateral ou no rodapé do seu site.

Observação: Quer saber mais sobre widgets do WordPress? Confira o guia de uso de widgets do WPBeginner.

Para acessar os widgets do seu site, navegue até Aparência » Widgets na área administrativa do WordPress. Isso abrirá a tela de edição de Widgets.

Acessando a tela de edição de Widgets

A partir daqui, o processo é muito semelhante a incorporar um formulário em uma postagem ou página. Primeiro, encontre a área de widget onde você deseja adicionar seu formulário. Clique nela para ter certeza de que está editando a área correta.

Selecionando uma área de widget para adicionar um formulário

Em seguida, clique no botão azul mais (+) no canto superior esquerdo do editor.

Abrindo a biblioteca de blocos de widgets

Na biblioteca de blocos, pesquise por “WPForms” ou role até a seção Widgets e clique no bloco WPForms.

Adicionando o bloco WPForms a um widget

Isso adicionará o bloco WPForms à sua área de widget selecionada. Você pode arrastar e soltar blocos para reorganizá-los conforme necessário. Em seguida, escolha o formulário que deseja exibir no menu suspenso Selecionar um Formulário.

Selecionando um formulário para exibir em um widget

Certifique-se de clicar no botão Atualizar no canto superior direito da tela de edição de Widgets para salvar suas alterações.

Atualizando widgets para salvar alterações

Aqui está uma amostra de como um formulário ficaria no rodapé em um site ativo:

Um exemplo de formulário exibido em um widget de rodapé

Perguntas Frequentes

Abaixo, respondemos a algumas perguntas frequentes sobre a criação do seu primeiro formulário.

Posso incorporar o formulário em uma página do Elementor?

Sim, você pode usar o widget WPForms para Elementor para adicionar facilmente um formulário à sua página do Elementor. Uma vez dentro do construtor do Elementor, basta arrastar e soltar o widget WPForms em sua página.

Adicionando WPForms a uma página do Elementor

Para um guia completo, confira nosso guia sobre como adicionar o WPForms a uma página do Elementor.

É isso! Agora você aprendeu as diferentes maneiras de incorporar o WPForms ao seu site WordPress.

Em seguida, você gostaria de ver as entradas enviadas por usuários através dos seus formulários WordPress? Certifique-se de conferir nosso guia completo para gerenciar entradas no WPForms para um tutorial completo.

O Melhor Plugin Construtor de Formulários de Arrastar e Soltar 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.