8 exemplos de formulários em várias etapas para reduzir o atrito da página de destino

Publicados: 2017-08-28

Não é incomum que os usuários da Web cliquem fora de uma página de destino pós-clique porque ela é muito longa ou porque o formulário de captura de leads solicita muitas informações. Embora um formulário de várias etapas seja essencial para coletar informações do visitante, muitos profissionais de marketing falham em criá-lo corretamente e acabam perdendo leads valiosos. É por isso que é imperativo que você crie sua página de destino pós-clique para garantir que os visitantes permaneçam engajados e não sejam intimidados por formulários longos.

Uma maneira de fazer isso é com um formulário de várias etapas.

O que é um formulário de várias etapas?

Um formulário de várias etapas é um formulário mais longo dividido em etapas mais curtas e menos assustadoras. Do ponto de vista do profissional de marketing, é ótimo para qualquer situação em que você queira coletar informações detalhadas do cliente em potencial, porque o faz em pequenos blocos. Do ponto de vista do cliente em potencial, os formulários de várias etapas permitem que eles demonstrem seu interesse preenchendo um pequeno formulário e, em seguida, avançando para campos de formulário adicionais para compartilhar mais sobre si mesmos e/ou seus negócios.

Uma vez que as solicitações de informações adicionais só aparecem depois que o usuário envia as informações básicas. Os formulários de várias etapas podem reduzir o atrito em sua página de destino pós-clique. Projetar seu formulário dessa maneira pode aumentar o tempo do visitante na página, gerar mais leads e ajudá-lo a obter informações sobre leads mais qualificados. O que, é claro, você pode cultivar através do funil de marketing até a venda.

Formulários de várias etapas versus formulários de aceitação de duas etapas

Os formulários de várias etapas e os formulários de aceitação de duas etapas ajudam a envolver e qualificar leads. Onde eles diferem é como eles aparecem na página. Os formulários de várias etapas têm estágios, com cada estágio subsequente aparecendo apenas após a conclusão do estágio anterior. Por outro lado, os formulários de inscrição em duas etapas aparecem quando um visitante clica em um botão CTA e uma caixa pop-up mostra o formulário.

O uso de formulários de várias etapas em vez de formulários de inscrição na página ou de duas etapas pode evitar o que chamamos de “Síndrome de Cachinhos Dourados”. Muito longo e pode impedir os clientes em potencial de concluí-lo; muito curto e você acabará com leads inutilizáveis ​​ou leads que são mais adequados para marketing do que para vendas. Ao otimizar seus formulários de página de destino pós-clique com base na oferta e no estágio do funil de marketing em que seus clientes potenciais residem atualmente, você pode solicitar informações mais apropriadas e, por sua vez, gerar melhores taxas de conversão.

Pode não haver um modelo “tamanho único” per se, mas os exemplos de formulários de várias etapas abaixo são um excelente ponto de partida para você emular em seu próximo design. Vamos ver como algumas das maiores marcas do mundo usam formulários de várias etapas para atrair visitantes e maximizar leads.

Exemplos de formulários com várias etapas

Uber

O Uber usa essa página de destino pós-clique para atrair as pessoas a dirigir para eles como um trabalho paralelo:

formulário de várias etapas uber

Eles usam um formulário de várias etapas na página para criar um processo de conversão tranquilo para os visitantes. Observe como o botão CTA diz “Próximo”, com uma seta direcionando o tráfego para a segunda etapa do formulário. Ambos indicam que há pelo menos uma etapa adicional no processo.

Quem é Quem dos Executivos e Profissionais

Este fórum de rede seletivo colocou um formulário de várias etapas em sua página inicial para incentivar os visitantes a se candidatarem à elegibilidade para a rede:

sugestão visual de formulário de várias etapas

O formulário é bem projetado com um indicador de etapa (cada um na forma de uma seta - que são dicas visuais) para indicar que o visitante deve continuar em cada etapa seguinte. O botão CTA também contém uma seta, para mostrar aos clientes em potencial que eles ainda não concluíram o processo de inscrição.

Os formulários na página nem sempre permitem fontes grandes, campos longos ou mesmo rótulos de campo devido ao espaço limitado na página. Por outro lado, formulários com várias etapas criam mais espaço, pois aparecem em seções, permitindo, portanto, mais variação e dicas visuais. Muitas vezes, eles até incluem uma barra de progresso para que os usuários possam acompanhar o andamento do processo de inscrição.

Universidade de Phoenix

Veja como a pós-graduação da Universidade de Phoenix usa uma barra de progresso perto do topo?

fênix em forma de vários passos

O formulário começa solicitando informações não invasivas do visitante - área de estudo, nível de graduação, formato de aprendizado e CEP. A barra de progresso é um toque legal porque dá aos visitantes uma ideia clara de quanto tempo o formulário leva antes que eles possam fazer o download do Guia de início rápido.

Conectar-se com a mídia social é outra tática eficaz quando se trata de criar seu formulário de várias etapas. Na verdade, as taxas de conversão podem aumentar em até 189% com o preenchimento automático de mídia social. Ao implementar esse recurso, as informações sociais relevantes dos usuários são inseridas automaticamente no formulário.

Também em relação à experiência do usuário, o texto do espaço reservado pode irritar e confundir os visitantes, pois eles podem confundi-lo com campos que já foram preenchidos automaticamente por suas contas sociais. Em vez disso, rotule cada campo acima da caixa para reduzir o atrito e guiar seus usuários suavemente pelo formulário.

GreenGeeks

A GreenGeeks criou esta página de destino pós-clique para incluir um formulário de várias etapas. Primeiro, a página de destino pós-clique faz a oferta:

exemplo de formulário de várias etapas GreenGeeks 1

Assim que o visitante clicar no botão CTA “Get Started Now”, esta página aparecerá com a primeira etapa do formulário:

exemplo de formulário de várias etapas GreenGeeks 2

Neste ponto, os usuários não são solicitados a fornecer nenhuma informação de identificação - apenas um domínio (novo ou pré-existente) - para que os usuários que não estão no funil não sejam dissuadidos por um formulário longo e complexo. Quando os visitantes estiverem prontos para continuar se inscrevendo, eles serão direcionados para esta página, que é a segunda etapa do formulário:

exemplo de formulário de várias etapas GreenGeeks 3

Este é outro formulário de várias etapas que tem cada seção e campo individual claramente identificados, fornecendo um processo de inscrição perfeito para os clientes.

Círius Marketing

Aqui está um exemplo da Cirius Marketing. Eles usam uma página de aceitação de duas etapas com um formulário de várias etapas na caixa pop-up. Esta é a página de destino pós-clique com o botão CTA imediatamente visível acima da dobra:

exemplo de formulário de várias etapas Cirius Marketing 1

E aqui está o formulário de várias etapas na caixa pop-up:

exemplo de formulário de várias etapas Cirius Marketing 2

Observe a barra de progresso que indica 50% de conclusão na parte superior da janela para informar aos clientes em potencial que essa não é a única informação que eles precisam fornecer.

Sprout Social

O Sprout Social criou este formulário de várias etapas para seus clientes em potencial preencherem:

formulário de várias etapas Sprout social

Esta primeira etapa é onde eles criam sua conta; eles são levados para a segunda etapa, onde podem anexar seus perfis sociais; e, finalmente, na etapa três, eles podem concluir o processo de inscrição e começar a usar o Sprout.

Base Rápida

A página de destino pós-clique do Quick Base abaixo oferece serviços de treinamento para funcionários:

exemplo de formulário de várias etapas QuickBase 1

Quando os clientes em potencial estão prontos para iniciar sua avaliação gratuita, eles clicam em qualquer um dos botões CTA cooperativos (três no total na página) e chegam à primeira etapa deste formulário de registro de várias etapas:

base rápida de formulário de várias etapas

Observe como esta parte do formulário é especificamente rotulada como “Etapa 1 de 2”. Informar os clientes em potencial de que estão a “segundos” de seu teste gratuito é um indicador de que o preenchimento do formulário não demorará muito.

Hootsuite

A Hootsuite orienta os clientes em potencial durante o processo de inscrição da conta com etapas claramente definidas:

formulário de várias etapas hootsuite

O título indica quantas etapas existem para se inscrever, para que os clientes em potencial saibam imediatamente o que isso implica. Em seguida, cada uma das etapas é claramente identificada com um cabeçalho de seção para guiar facilmente os visitantes até a conclusão.

Aumente o engajamento na página com formulários de várias etapas

Se o seu melhor cenário de conversão exigir muitas informações dos clientes em potencial e você não quiser parecer intimidador. Usar um formulário de várias etapas para simplificar a situação pode ajudar a aliviar esses problemas. Esses exemplos de formulários de várias etapas reduzem o atrito, convencem os clientes a confiar em você com suas informações e, por fim, ajudam a gerar as conversões que você está procurando.

Sempre conecte todos os seus anúncios a páginas de destino pós-clique personalizadas para reduzir seu custo por aquisição de cliente. Comece a criar suas páginas pós-clique dedicadas inscrevendo-se hoje mesmo para uma demonstração do Instapage Enterprise.