Como criar um formulário de várias etapas num layout de barra deslizante para qualquer site

Aprenda a criar um formulário em várias etapas para qualquer sítio Web com apenas alguns cliques. Não são necessários conhecimentos de programação.

multi step form

Antes de entrarmos em mais pormenores, vamos apenas descrever o que é um formulário de várias etapas com um esquema de barra deslizante:

Criámos um novo formato chamado Deslizador que transforma qualquer formulário longo vertical num formulário de várias etapas, com o objetivo principal de tornar os formulários mais interactivos, mais curtos e com a capacidade de se integrarem em qualquer página de destino'

Kate Bojkov, proprietária do produto.

O objetivo dos formulários de várias etapas é dividir formulários mais longos de forma a que cada pergunta seja apresentada separadamente. Os utilizadores navegam pelas perguntas clicando no botão "seguinte" e podem voltar a uma pergunta clicando no botão "anterior". Este tipo de apresentação de perguntas é benéfico para a recolha de informações numa ordem lógica, aumentando a concentração dos utilizadores, e enquadra-se melhor nos layouts modernos dos sítios Web.

Se procura uma forma rápida e fácil de criar e incorporar um formulário de várias etapas no seu sítio Web, apresentámos um tutorial detalhado sobre como fazê-lo.

Primeiro, inicie sessão ou criar uma conta EmbeForms gratuita (se ainda não tiver uma conta), siga estes passos 

  1. Navegar para a página Formulários
  2. Selecionar um formulário existente ou criar um novo formulário
  3. Na barra lateral esquerda, clique em Layout e temas e selecionar Deslizador
  4. Clicar Guardar e Publicar

Pode partilhar a ligação do formulário para que as pessoas possam aceder ao formulário deslizante ou pode incorporar o formulário numa widget de formulários.

Para criar um widget, siga estes passos:

  1. Clique em Widgets e escolha a forma como pretende que o formulário apareça: secção em linha, flutuador, botão ou faixa
  2. Clicar Guardar e copiar o código do widget
  3. Cole o código na parte do sítio Web onde pretende que o formulário apareça

É isso aí. Para um tutorial passo a passo mais detalhado, pode ver o vídeo abaixo:

Como pode ver, não é necessário criar um formulário completo por si próprio. No entanto, se pretender que o design do formulário se adapte totalmente ao front-end do seu sítio Web, o EmbedFroms oferece uma opção CSS personalizada para alterar os tipos de letra, por exemplo. Também pode utilizar outras opções de personalização e alterar a cópia do botão de envio e adicionar um logótipo e um esquema. 

Aqui está uma demonstração do formulário num layout de barra deslizante:

O formulário pode ser incorporado em qualquer página de destino, seja ela de checkout ou a página inicial, construída com qualquer construtor web como WordPress, Duda ou Wix. 

A melhor parte? Não necessita de plug-ins e é totalmente gratuito. 

Práticas recomendadas para formulários em várias etapas 

De acordo com o estudo "Testing 2-Step vs. 1-Step Conversion Forms", os formulários com vários passos têm conversões de formulários 14% mais elevadas do que os formulários longos de um passo.

No entanto, existem ainda alguns princípios simples que deve ter em mente ao criar formulários em linha com várias etapas para obter as taxas de conversão mais elevadas.

Separar as perguntas numa ordem lógica

A ordem das questões pode ter um impacto direto nas respostas dos inquiridos. É por isso que as questões ordenadas logicamente são importantes quando se trata de conceber formulários. A melhor maneira de diminuir o atrito no processo de preenchimento de formulários é fazer as perguntas mais importantes primeiro e agrupar os campos em uma ordem lógica.

Por exemplo, se tiver mais campos a pedir informações de contacto, como o número de telefone e o endereço de correio eletrónico, esses campos devem ser ordenados por prioridade e seguir-se uns aos outros numa ordem intuitiva. Muitos construtores de formulários têm uma opção de arrastar e largar para uma reorganização simples e rápida das perguntas. 

Mostrar progresso

A incerteza sobre quantas perguntas faltam pode causar fricção nos formulários de várias etapas. Uma boa regra geral é utilizar uma barra de progresso ou qualquer tipo de indicador que mostre aos utilizadores que ainda lhes falta terminar o formulário.

No EmbedForms, cada pergunta tem uma funcionalidade que diz "pergunta 2 de 15" para indicar aos inquiridos quantas perguntas faltam.

Incluir página de agradecimento

As páginas de agradecimento são ótimas para mostrar o seu apreço, mas também para garantir aos usuários que o envio foi bem-sucedido. Se, por algum motivo, quiser navegar os questionados para a sua própria página de agradecimento após a submissão do formulário, pode usar a opção de link de redirecionamento.

Teste A/B dos formulários

Os criadores de formulários são óptimos para testar formulários sem o risco de problemas técnicos. O teste A/B é muito fácil com os criadores de formulários. Pode testar o comprimento do formulário, o design, a cópia do botão CTA e ver qual o design do formulário que aumenta as conversões. Com o EmbedForms, pode duplicar o mesmo formulário com um design ou widget diferente e testar qual deles obtém mais respostas.

Vantagens da utilização de formulários em várias etapas

Menor fricção

Psicologicamente, os formulários de várias etapas têm um melhor impacto na intenção dos inquiridos de terminarem o formulário. 

Em primeiro lugar, sempre que os inquiridos clicam no botão seguinte, há uma intensidade ligeiramente maior no objetivo dos utilizadores de terminar o formulário. 

Em segundo lugar, este tipo de preenchimento de formulários aumenta a nossa concentração, uma vez que temos de nos concentrar numa pergunta de cada vez. 

Amigo do telemóvel

Os formulários em várias etapas são mais fáceis de preencher a partir de um dispositivo móvel. Em comparação com os formulários de uma só etapa, os formulários de várias etapas são muito mais fáceis de preencher, uma vez que só aparece uma pergunta nos ecrãs dos telemóveis. Desta forma, também pode melhorar significativamente a experiência do utilizador. 

Envolvimento 

Os formulários em várias etapas são estrategicamente concebidos para aumentar a participação dos utilizadores. 

Estes tipos de formulários são menos sobrecarregados, uma vez que o utilizador só tem de responder a uma pergunta de cada vez e clicar em "seguinte" para passar à pergunta seguinte. 

Visualmente apelativo 

Os formulários com várias etapas ocupam um lugar menor no seu sítio Web e não evocam uma sensação de sobrecarga quando os utilizadores têm de os preencher. 

Formulários em várias etapas ou formulários em uma única etapa

multi step forms vs. one step forms

Formulários de várias páginas ou formulários de uma só etapa? Qual deles escolher?

Os formulários de várias etapas são óptimos quando é necessária muita informação dos utilizadores. Até agora, vimos que dividir os formulários longos por pergunta reduz a frustração e aumenta a intenção dos utilizadores de os preencherem.

Mas se precisar de poucos dados do utilizador e quiser apenas incorporar um formulário de contacto simples, um formulário de geração de leads ou um formulário de registo, então os formulários de um só passo podem fazer o trabalho.

Concluir

Os formulários em várias etapas oferecem-lhe a vantagem de uma melhor apresentação das perguntas e de uma maior concentração dos utilizadores.

Com o EmbedForms, qualquer pessoa pode criar um número ilimitado de formulários em várias etapas com apenas alguns cliques e incorporar os formulários em qualquer página da Web que desejar.


Diretor Executivo da EmbedSocial 

Nikola Bojkov é o CEO da EmbedSocial, um empreendedor que transforma problemas em produtos. Com mais de uma década de experiência prática com APIs de redes sociais, orienta a EmbedSocial no seu papel de parceiro técnico tanto para PMEs como para grandes agências, maximizando o impacto dos seus conteúdos gerados pelos utilizadores. A EmbedSocial tem escritórios em Skopje, Tóquio e Lisboa e conta com mais de 250.000 utilizadores.