Se você deseja criar formulários sem desordem para o seu site que convertem bem, os formulários de várias páginas são o caminho a seguir. Divididos em várias páginas, eles combatem a fadiga dos formulários e aumentam o envolvimento do usuário. Neste artigo, mostraremos como criar um formulário de várias etapas no WordPress para que você possa obter mais conversões.
Mas, primeiro, por que usar formulários de várias etapas no WordPress?
Por que adicionar um formulário de várias etapas no WordPress?
Como mencionamos acima, os formulários de várias etapas são divididos em várias páginas. Adicionar mais etapas a um formulário pode parecer contraintuitivo, mas, na verdade, isso pode aumentar as taxas de conversão de formulários.
Os formulários de várias etapas reduzem o atrito dos usuários que precisam fazer muitas escolhas de uma só vez. As opções simples tornam cada etapa do formulário menos sobrecarregada, e as barras de progresso incentivam os usuários a continuar e preencher o formulário.
Como o foco do formulário foi direcionado para melhorar as taxas de conclusão, é menos provável que haja abandono de formulário. E, com o uso da lógica condicional, você pode exibir páginas diferentes para os usuários com base nas respostas deles, facilitando a coleta apenas das informações necessárias.
Agora que você sabe por que usar formulários de várias etapas é ótimo para a experiência do usuário, vamos criar um no WordPress.
Como criar um formulário de várias etapas no WordPress
Neste tutorial, usaremos o WPForms para criar formulários com várias partes no WordPress. O WPForms é o melhor plugin de criação de formulários para WordPress do tipo arrastar e soltar. E com mais de 3 milhões de instalações ativas, é a ferramenta mais amigável para iniciantes disponível.
Melhor ainda, ele tem uma versão gratuita e outra paga, mas hoje usaremos a versão Pro do WPForms para criar um formulário de várias páginas no WordPress.
Por que não dar uma olhada nesta análise detalhada do WPForms para obter todos os detalhes?
Então, vamos começar com a primeira etapa, que é a criação de um novo formulário.
- Etapa 1: Criar um novo formulário no WordPress
- Etapa 2: Divida seu formulário em várias partes
- Etapa 3: Personalizar a barra de progresso do formulário
- Etapa 4: Editar as configurações do formulário
- Etapa 5: Defina suas notificações de formulário
- Etapa 6: Defina sua mensagem de confirmação de formulário
- Etapa 7: Adicione seu formulário ao WordPress
Etapa 1: Criar um novo formulário no WordPress
A primeira coisa a fazer é instalar e ativar o plug-in WPForms. Se não tiver certeza de como fazer isso, siga este guia passo a passo de instalação de plug-ins do WordPress para iniciantes.
Com o WPForms, você pode dividir qualquer tipo de formulário em várias partes, portanto, vamos criar um formulário de contato simples.
Acesse WPForms " Add New para criar um novo formulário e visualizar os modelos disponíveis.
Em seguida, nessa tela, dê um nome ao seu formulário e escolha o modelo Simple Contact Form.
O WPForms agora abrirá o modelo no construtor de formulários do tipo arrastar e soltar para que você possa editá-lo.
O formulário de contato simples vem com os seguintes campos já adicionados ao formulário:
- Nome
- Comentário ou mensagem
Você também pode mover os campos de formulário e adicionar campos extras arrastando-os da coluna da esquerda para a coluna da direita. Basta clicar em qualquer campo de formulário para editar o conteúdo e arrastá-lo para reorganizar sua posição.
Se quiser adicionar mais do que um formulário de contato ao seu site WordPress, você também pode criar os seguintes tipos de formulário com o WPForms:
- Formulário de pesquisa
- Formulário de pedido on-line
- Formulário de estilo tipo-forma
- Formulário de upload de arquivos
A maioria desses tipos de formulário é mais longa do que os formulários de contato padrão, portanto, dividi-los em várias etapas pode melhorar as conversões.
Agora que você já sabe como começar, vamos aprender a dividir seu formulário em partes.
Etapa 2: Divida seu formulário em várias partes
Depois de personalizar o formulário e adicionar os campos necessários, adicione o campo Page Break para dividir o formulário em páginas diferentes.
Você pode fazer isso procurando no cabeçalho Fancy Fields e arrastando o campo de formulário Page Break para o painel direito.
Em seguida, solte o campo em seu formulário onde deseja que ele seja dividido.
Repita isso para cada seção em que deseja dividir o formulário em outra página. A partir daí, continue a personalizar o formulário adicionando os campos necessários para preenchê-lo.
Embora o WPForms permita que você adicione quantos formulários quiser, é fundamental evitar sobrecarregar os usuários com muitas informações. Isso pode fazer com que eles abandonem o formulário, o que é o oposto do que você deseja obter.
Etapa 3: Personalizar a barra de progresso do formulário
Para aumentar o fluxo do seu formulário, você pode incluir uma barra de progresso. Uma barra de progresso informa as pessoas sobre as diferentes seções do formulário e é um ótimo indicador visual de quanto falta para ser concluído.
O WPForms vem com 3 barras indicadoras de progresso diferentes para formulários de várias etapas, que são as seguintes:
- Conectores - Barras de conexão e títulos de página para cada etapa do formulário.
- Círculos - Círculos numerados e títulos de página para cada etapa do formulário.
- Barra de progresso - Indicador do progresso do usuário à medida que ele conclui as etapas do formulário.
Para alterar a barra de progresso e o título da página para a primeira página do formulário de várias páginas, clique no campo Quebra da primeira página.
Em seguida, você verá um novo painel no qual poderá escolher o tipo de progresso para o formulário. Nessa área, você também pode alterar a cor usada para destacar o indicador de progresso, se desejar.
Se você selecionar as opções de círculos ou conectores, também poderá alterar o título da página. Isso ajuda os usuários a saber em que parte do formulário eles estão, para que não se percam. Mas se preferir não fazer isso, uma barra de progresso padrão será mostrada aos usuários para orientá-los no preenchimento do formulário.
Em seguida, você pode alterar o botão e o texto Next Page, que leva os usuários para a próxima página do formulário.
Para fazer isso, clique na seção Quebra de página que você adicionou ao criar o formulário.
Além disso, você pode adicionar um botão Previous Page (Página anterior ) clicando no botão de alternância para a posição On (Ligado ). Dessa forma, os usuários podem voltar se esquecerem de adicionar alguma informação.
Quando terminar de personalizar a barra de progresso, clique em Save (Salvar ) e passe para a próxima etapa.
Etapa 4: Editar as configurações do formulário
Agora vamos editar as configurações do formulário. Para fazer isso, vá para Settings " General.
Nessa seção, é possível definir as seguintes opções:
- Nome do formulário - Dê um novo nome ao seu formulário, se desejar.
- Descrição do formulário - Adicione uma descrição ao seu formulário para referência.
- Texto do botão Enviar - Altere o texto do botão Enviar.
- Configurações de spam - Ative a opção honeypot antispam para evitar que os remetentes de spam enviem envios indesejados.
- Recursos do GDPR - Desative o armazenamento das informações inseridas em seus formulários, como endereços IP e outros dados confidenciais, para cumprir o GDPR.
Quando suas configurações estiverem definidas, clique em Save (Salvar).
Etapa 5: Defina suas notificações de formulário
As configurações de notificação no WPForms enviam um e-mail quando um formulário é enviado em seu site WordPress.
Você pode encontrar as configurações de notificação clicando em Configurações " Notificações.
No entanto, se você não desativar as notificações de formulário, receberá um e-mail para cada formulário enviado em seu site.
Por outro lado, você pode usar as tags inteligentes para enviar um e-mail para as pessoas que estão preenchendo o formulário. As tags inteligentes são uma excelente maneira de informá-las de que o formulário foi preenchido corretamente e que você o recebeu.
É ainda melhor usar esse recurso em formulários longos com várias etapas, pois eles podem levar mais tempo para serem preenchidos. Além disso, ele evita que os usuários se perguntem se tudo foi feito corretamente. Para obter mais ajuda, consulte a documentação sobre a configuração de notificações de formulários aqui.
Quando terminar de configurar as notificações, passe para a configuração da mensagem de confirmação do formulário.
Etapa 6: Defina sua mensagem de confirmação de formulário
As mensagens de confirmação de formulário são mensagens breves mostradas aos usuários quando eles enviam um formulário em seu site. É uma excelente maneira de informar às pessoas que o formulário está sendo processado e quais etapas devem ser seguidas.
Há 3 tipos de mensagens de confirmação no WPForms, que incluem:
- Mensagem - Uma mensagem simples que informa aos usuários que o formulário foi enviado.
- Show Page (Mostrar página ) - Envie os usuários para uma página diferente, como uma página de agradecimento, após o envio do formulário.
- Ir para URL (Redirecionar) - Envie os visitantes do site para um site diferente após o envio do formulário.
Para configurar sua mensagem de confirmação, clique em Settings " Confirmation (Configurações " Confirmação).
Em seguida, escolha o tipo de mensagem que você gostaria de mostrar aos visitantes após o preenchimento do formulário. Para este tutorial, selecionaremos Message.
Agora, personalize o texto da mensagem de acordo com suas necessidades e clique em Save (Salvar ) quando estiver satisfeito.
Agora você está pronto para adicionar seu formulário ao WordPress.
Etapa 7: Adicione seu formulário ao WordPress
Depois de criar seu formulário de várias etapas, é hora de adicioná-lo ao seu site WordPress. Com o WPForms, você pode adicionar seu formulário a muitas áreas do seu site. Isso inclui a página ou a postagem do site, a barra lateral e quaisquer outras áreas prontas para widgets.
Vamos ver como adicionar seu formulário de várias etapas a uma página do WordPress.
Para começar, vá para a área de administração do WordPress e clique em Pages " Add New.
Em seguida, clique no ícone de adição no editor do WordPress para adicionar um novo bloco de conteúdo. No campo de pesquisa, digite WPForms para encontrá-lo facilmente.
Agora, clique no bloco WPForms para adicioná-lo à sua página.
Quando o WPForms aparecer dentro de seu bloco, clique na seta suspensa para selecionar seu formulário de várias etapas na lista e inseri-lo em sua página.
Em seguida, clique em Publicar para publicar a página no WordPress. Seu formulário de várias etapas aparecerá agora em seu site.
E é isso! Você aprendeu a criar um formulário de várias etapas no WordPress para poder começar a melhorar o envolvimento do usuário e as taxas de conversão de formulários rapidamente.
Se você gostou deste artigo, veja também nossa apresentação dos melhores plug-ins do WordPress para usar em seu site.
E para obter mais tutoriais de formulários, consulte estes artigos:
- Como criar um formulário do WordPress com upload de arquivos
- Como criar um formulário no estilo Typeform
- Como criar um formulário de contato no WordPress
- Como criar um formulário de pedido on-line no WordPress
- Como criar um formulário de registro de evento no WordPress
E, se quiser, siga-nos no Facebook e no Twitter para obter mais dicas e tutoriais úteis.
