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.

---

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.

O Assistente de Incorporação de Formulários será aberto com seis opções para publicar seu formulário.

As três opções à esquerda cobrem as maneiras tradicionais de incorporar seu formulário em seu site:

• Página Existente: Adicione seu formulário a uma página que você já criou.
• Nova Página: Crie uma nova página com seu formulário já incorporado.
• Shortcode: Copie o shortcode do seu formulário para colar em qualquer lugar do seu site.

As três opções à direita abrem experiências de página de destino dedicadas para seu formulário usando nossos complementos Formulários Conversacionais, Páginas de Formulário e Formulários de Leads. Cada complemento tem seu próprio guia.

Abaixo, cobriremos cada uma das três opções tradicionais de incorporação.

Página Existente

Clique em Página Existente, em seguida, escolha a página onde você gostaria de incorporar seu formulário no menu suspenso. Clique no botão Adicionar à Página para continuar.

Você será redirecionado para o editor de blocos da página que selecionou. Veja a seção Incorporando um Formulário com o Editor de Blocos abaixo para o restante do fluxo.

Nova Página

Clique em Nova Página, insira um nome para a página e clique no botão Criar Página.

Você será redirecionado para uma nova página com o formulário incorporado. Clique no botão Publicar para tornar a página ativa.

Código curto

Clique em Shortcode. O shortcode do formulário será copiado para sua área de transferência, pronto para ser colado em qualquer lugar do seu site que aceite shortcodes.

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.

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.

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.

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:

• 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:

Incorporando seu 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.

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.

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.

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

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

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.

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

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

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.

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.