Como Criar um Formulário de Múltiplas Etapas Com Slider

Nota importante: Este método não está funcionando no momento e estamos trabalhando em um novo criador de formulários que chegará em breve. Entre em contato com nossa equipe de sucesso do cliente para mais informações.

Antes de entrar em mais detalhes, vamos apenas descrever o que é um formulário de múltiplas etapas com um layout de slider:

‘Criamos um novo formato chamado Slider que transforma qualquer formulário vertical longo em um formulário de múltiplas etapas, com o objetivo principal de tornar os formulários mais interativos, parecerem mais curtos e terem a capacidade de se integrar a qualquer página de destino’

Kate Bojkov, Product Owner.

O objetivo dos formulários de múltiplas etapas é dividir formulários mais longos de tal forma que cada pergunta seja apresentada separadamente. Os utilizadores navegam pelas perguntas clicando no botão “próximo” e podem voltar a uma pergunta clicando no botão “anterior”. Esse tipo de exibição de perguntas é benéfico para coletar informações em uma ordem lógica, aumentar a concentração dos utilizadores e se encaixa melhor com layouts de sites modernos.

Se você está procurando uma maneira rápida e fácil de criar e incorporar um formulário de múltiplas etapas no seu site, elaboramos um tutorial detalhado de como você pode fazer isso.

Primeiro, faça login ou crie uma conta gratuita na EmbedSocial (se você ainda não tem uma conta) e depois siga estes passos

1. Navegue até a página de Formulários
2. Escolha um formulário existente ou crie um novo formulário
3. Na barra lateral esquerda, clique em Layout & Themes e escolha Slider
4. Clique em Save e Publish

Você pode compartilhar o link do formulário para que as pessoas acessem o formulário em slider ou pode incorporar o formulário em um widget de formulários interativo.

Para criar um widget, siga estes passos:

1. Clique em Widgets e escolha como você quer que o formulário apareça: seção em linha, flutuante, botão ou banner
2. Clique em Save e copie o código do widget
3. Cole o código na parte do site onde você quer que o formulário apareça

É isso. Para um tutorial passo a passo mais detalhado, você pode assistir ao vídeo abaixo:

Como você pode ver, não há necessidade de criar um formulário completo por conta própria. No entanto, se você quiser que o design do formulário se adapte totalmente ao front-end do seu site, a EmbedSocial oferece uma opção de CSS personalizado para alterar as fontes, por exemplo. Você também pode usar outras opções de personalização e alterar o texto do botão de envio e adicionar um logotipo e um layout.

Aqui está uma demonstração de um formulário em layout de slider:

(function(d, s, id){var js; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = “/cdn/ef.js?v=1.1”; d.getElementsByTagName(“head”)[0].appendChild(js);}(document, “script”, “EmbedSocialFormsScript”));

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 criador de sites como WordPress, Duda ou Wix.

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

Melhores Práticas para Formulários de Múltiplas Etapas

De acordo com o estudo “Testing 2-Step vs. 1-Step Conversion Forms”, os formulários com múltiplas etapas têm 14% mais conversões de formulário do que os formulários longos de uma etapa.

No entanto, ainda há alguns princípios simples que você precisa ter em mente ao criar formulários online de múltiplas etapas para obter as maiores taxas de conversão.

Separe as perguntas em uma ordem lógica

A ordem das perguntas pode impactar diretamente as respostas dos respondentes. É por isso que perguntas ordenadas logicamente são importantes quando se trata de projetar formulários. A melhor maneira de diminuir o atrito no processo de preenchimento do formulário é fazer as perguntas mais importantes primeiro e agrupar os campos em uma ordem lógica.

Por exemplo, se você tem mais campos pedindo informações de contato, como número de telefone e endereço de e-mail, então esses campos devem ser ordenados por prioridade e seguir um ao outro em uma ordem intuitiva. Muitos criadores de formulários têm uma opção de arrastar e soltar para um rearranjo simples e rápido das perguntas.

Mostre o progresso

A incerteza sobre quantas perguntas ainda restam pode causar atrito nos formulários de múltiplas etapas. Uma boa regra geral é usar uma barra de progresso ou qualquer tipo de indicador que mostre aos utilizadores o que falta para terminar o formulário.

No EmbedForms, cada pergunta tem uma funcionalidade que diz “pergunta 2 de 15” para indicar aos respondentes quantas perguntas ainda restam.

Inclua uma página de agradecimento

As páginas de agradecimento são ótimas para mostrar sua gratidão, mas também para tranquilizar os utilizadores de que o envio foi bem-sucedido. Se por algum motivo você quiser direcionar os respondentes para sua própria página de agradecimento após o envio do formulário, você pode usar a opção de link de redirecionamento.

Faça teste A/B nos formulários

Os criadores de formulários são ótimos para testar formulários sem o risco de problemas técnicos. O teste A/B é super fácil com criadores de formulários. Você pode testar o comprimento do formulário, o design, o texto do botão de CTA e ver qual design de formulário aumenta as conversões. Com o EmbedForms, você pode duplicar o mesmo formulário com um design ou widget diferente e testar qual deles terá mais respondentes.

Benefícios de Usar Formulários de Múltiplas Etapas

Menor atrito

Psicologicamente, os formulários de múltiplas etapas têm um impacto melhor na intenção dos respondentes de terminar o formulário.

Primeiro, toda vez que os respondentes clicam no botão próximo, há uma intensidade ligeiramente maior na intenção dos utilizadores de terminar o formulário.

Segundo, esse tipo de preenchimento de formulário aumenta nosso foco, já que precisamos nos concentrar em uma pergunta de cada vez.

Compatível com dispositivos móveis

Os formulários de múltiplas etapas são mais fáceis de preencher em um dispositivo móvel. Comparados aos formulários de etapa única, os formulários de múltiplas etapas são muito mais fáceis de completar, já que apenas uma pergunta aparece nos ecrãs móveis. Dessa forma, você também pode melhorar significativamente a experiência do utilizador.

Envolventes

Os formulários de múltiplas etapas são estrategicamente projetados para aumentar o engajamento do utilizador.

Esses tipos de formulários são menos sobrecarregantes, já que o utilizador precisa responder apenas uma pergunta de cada vez e clicar em “próximo” para chegar à próxima pergunta.

Visualmente atraentes

Os formulários de múltiplas etapas ocupam menos espaço no seu site e não evocam uma sensação avassaladora quando os utilizadores precisam preenchê-los.

Formulários de Múltiplas Etapas ou Formulários de Etapa Única

Formulários de várias páginas ou formulários de etapa única? Qual escolher?

Os formulários de múltiplas etapas são ótimos quando você precisa de muitas informações dos seus utilizadores. Até agora, vimos que dividir os formulários longos por pergunta reduz a frustração e aumenta a intenção dos utilizadores de preenchê-los.

Mas se você precisa de poucos dados do utilizador e quer apenas incorporar um formulário de contato simples, de geração de leads ou de registro, então os formulários de etapa única podem dar conta do recado.

Conclusão

Os formulários de múltiplas etapas oferecem a você o benefício de uma melhor exibição das perguntas e maior foco dos utilizadores.

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