Como incorporar um formulário em seu site (3 maneiras)

Deseja incorporar um formulário em seu site? Seja um simples formulário de contato ou uma pesquisa de cliente, os formulários adicionam funcionalidade. Existem infinitas maneiras de usá-los.

Neste post, reunimos um guia passo a passo para mostrar a maneira mais fácil de incorporar um formulário em seu site WordPress.

Crie seu formulário WordPress agora

Como adiciono um formulário preenchível ao meu site?

Você pode incorporar um formulário em seu site usando o plug-in WPForms, que é a maneira mais fácil e rápida. Possui 3 métodos diferentes para incorporar um formulário preenchível em seu site. Vamos orientá-lo através deles neste post.

Como incorporar um formulário em seu site

Mostraremos 3 maneiras diferentes de publicar facilmente um formulário no WordPress.

Vamos começar.

Etapa 1: instale o plug-in WPForms

O WPForms permite que você crie seus próprios formulários ou escolha entre mais de 400 modelos, e eles são super fáceis de incorporar em seu site WordPress. Para começar, baixe o plugin WPForms.

Depois de baixar o plug-in, você precisará enviá-lo para o seu site. Se você não tem certeza de como fazer isso, este guia para iniciantes para instalar plugins do WordPress pode orientá-lo no processo.

Etapa 2: criar um formulário

Depois de instalar o plugin WPForms, você está pronto para começar. Você decide se deseja criar seu próprio formulário ou começar a partir de um modelo, mas a primeira coisa a fazer é clicar em Adicionar novo .

Depois de clicar nesse botão, você verá uma variedade de modelos que pode escolher. Há também a opção de selecionar um formulário em branco e criar o seu próprio.

Ao passar o mouse sobre sua seleção, você verá duas opções:

1. Usar modelo
2. Ver demonstração

Se você visualizar a demonstração, ela mostrará como é o formulário incorporado. Lembre-se de que o modelo é personalizável, portanto, se houver algo que você queira alterar, você pode.

Depois de determinar qual modelo deseja usar, vá em frente e clique no botão usar modelo . Ele será aberto no editor. Para esta postagem, usaremos o modelo de formulário de contato simples.

Agora é a hora de personalizar seu formulário, se desejar. No nosso caso, o modelo coletou apenas um número de telefone. Nós o personalizamos adicionando primeiro um campo de caixa de seleção solicitando sua preferência de contato e adicionando uma opção de e-mail.

Em seguida, configuramos um pouco de lógica condicional, que você pode encontrar na guia Smart Logic em Opções de campo . A lógica condicional permite configurar regras para que os usuários vejam apenas os campos que se aplicam a eles.

Neste exemplo, se eles selecionarem email, verão um campo para fornecer um endereço de email. Se você quiser incluir uma caixa de seleção GDPR aqui, também poderá fazer isso facilmente.

Se eles selecionarem o telefone, eles poderão fornecer um número de telefone.

Agora é hora de escolher como você deseja incorporar seu formulário.

Etapa 3: incorpore seu formulário

O WPForms tem três maneiras de incorporar seu formulário em seu site. Mostraremos as três maneiras de fazer isso aqui e você pode escolher a que for mais fácil para você.

Usando o botão WPForms Embed

O primeiro método de incorporação é simplesmente usar o botão de incorporação na parte superior do seu editor de formulários.

Depois de clicar nesse botão, você terá a opção de selecionar uma página existente ou criar uma nova página. Você pode escolher o que fizer mais sentido para o seu site. Criamos uma página de contato aqui. Depois de conseguir isso, você pode clicar no botão Let's Go! botão.

Depois de fazer isso, o rascunho da página será aberto e você verá o formulário incorporado. Clique em publicar e pronto!

Usando o Editor de Blocos do WordPress

Incorporar um formulário diretamente do editor de blocos do WordPress é outra maneira fácil de adicionar um de seus formulários a um post ou página.

Abra a página onde deseja que o formulário apareça e clique no ícone azul + .

Um menu será aberto com uma variedade de opções de widgets. Role para baixo até encontrar o widget WPForms e clique nele. Ao fazer isso, uma caixa será aberta e você poderá selecionar o formulário que deseja incorporar.

Depois de fazer sua seleção, você verá o formulário incorporado à sua página.

Usando a incorporação de código de acesso

Outra maneira simples de incorporar um formulário em seu site é colando um código de acesso, o que leva apenas alguns segundos. Você pode encontrar o shortcode do seu formulário em 2 lugares:

O botão incorporar

Ao clicar no botão incorporar do editor, como fizemos acima, uma das opções alternativas é usar um shortcode . Se você clicar nele, o código de acesso do seu formulário aparecerá e você poderá copiá-lo.

Sua lista de formulários no plugin WPForms

No painel do WordPress, clique no plug-in WPForms na barra lateral. Ele exibirá a lista de formulários que você criou e você verá os códigos de acesso para todos eles. Isso é útil se você não estiver trabalhando ativamente em um formulário, mas precisar pegar o código de acesso rapidamente para incorporá-lo em algum lugar.

Depois de copiar o código de acesso, vá para a página ou postagem em que deseja incorporá-lo. Mais uma vez, você deve clicar no sinal + azul no canto superior esquerdo para obter uma lista de opções suspensas.

Em vez de selecionar o widget WPForms como fizemos antes, vamos selecionar o widget Shortcode .

Quando você clica nele, uma caixa aparece no seu editor de postagem. Tudo o que você precisa fazer é colar esse código de acesso na caixa.

Se você visualizar a página, verá que o formulário foi incorporado com êxito.

Além disso, você também pode colar o shortcode diretamente no editor em vez de passar pelo widget.

E, novamente, depois de colá-lo onde você deseja que ele apareça no conteúdo, você pode visualizar a página e ver que ela foi incorporada.

Esse método também funciona muito bem para adicionar facilmente um formulário ao rodapé do seu site.

Etapa 4: publique seu formulário

Agora que você criou e incorporou seu formulário com sucesso, é hora de publicá-lo! Vá em frente e clique no botão publicar no WordPress. Quando você visita a página ativa, seu formulário incorporado está pronto para coletar informações.

Por padrão, o usuário permanecerá na mesma página. Se você quiser redirecionar os usuários para outra página depois que eles enviarem as respostas do formulário, você pode.

Crie seu formulário WordPress agora

Em seguida, proteja seu formulário com hCaptcha

Deseja adicionar uma camada extra de proteção contra spam ao seu formulário? WPForms inclui integração hCaptcha, tornando-o simples de fazer. Saiba como proteger seu formulário WordPress com hCaptcha.

Pronto para construir seu formulário? Comece hoje com o plug-in mais fácil de criação de formulários 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 Twitter para mais tutoriais e guias gratuitos do WordPress.