8 exemplos de formulários de 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 o formulário de captura de leads pede muitas informações. Embora um formulário de várias etapas seja essencial para coletar informações do visitante, muitos profissionais de marketing não conseguem projetá-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ê deseja coletar informações detalhadas do cliente potencial, pois o faz em pequenos blocos. Do ponto de vista do cliente em potencial, os formulários de várias etapas permitem que ele demonstre seu interesse por meio do preenchimento de um pequeno formulário e, em seguida, prossiga para campos adicionais do formulário para compartilhar mais sobre si mesmo e / ou seus negócios.

Já que as solicitações de informações adicionais só aparecem depois que o usuário envia as informações de linha de base. Os formulários de várias etapas podem reduzir o atrito na sua página de destino pós-clique. Projetar seu formulário dessa forma pode aumentar o tempo do visitante na página, gerar mais leads e ajudá-lo a obter informações sobre leads mais qualificados. Que, é claro, você pode nutrir por meio do funil de marketing até a venda.

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

Os formulários de várias etapas e os formulários de opção de duas etapas ajudam a engajar 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 opt-in de duas etapas aparecem quando um visitante clica em um botão de CTA e uma caixa pop-up mostra o formulário.

O uso de formulários de várias etapas em vez de formulários on-page ou de duas etapas pode evitar o que chamamos de “Síndrome Cachinhos Dourados”. Se for muito longo, pode impedir os clientes em potencial de concluí-lo; muito curto e você acabará com leads inutilizáveis ​​ou 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 onde seus clientes potenciais residem atualmente, você pode solicitar informações mais adequadas e, por sua vez, gerar melhores taxas de conversão.

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

Exemplos de formulários de várias etapas

Uber

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

uber de várias etapas

Eles usam um formulário de várias etapas na página para criar um processo de conversão suave para os visitantes. Observe como o botão CTA diz “Avançar”, 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 seletivo de rede colocou um formulário de várias etapas em sua página inicial para incentivar os visitantes a se candidatarem à qualificação para a rede:

sugestão visual em forma de várias etapas

O formulário é bem desenhado com um indicador de etapa (cada um na forma de uma seta - que são dicas visuais) para sugerir 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, os formulários de várias etapas criam mais espaço, uma vez que aparecem em seções, portanto, permitindo mais variação e dicas visuais. Freqüentemente, eles até incluem uma barra de progresso para que os usuários possam acompanhar o quanto estão no processo de inscrição.

Universidade de Phoenix

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

fênix de várias etapas

O formulário começa pedindo informações não invasivas do visitante - área de estudo, nível de graduação, formato de aprendizagem e código postal. 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 às mídias sociais é outra tática eficaz quando se trata de projetar 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 este 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 marcador 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 suavemente os usuários pelo formulário.

GreenGeeks

GreenGeeks criou esta página inicial 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 “Comece agora”, esta página aparecerá com a etapa um do formulário:

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

Nesse ponto, os usuários não são solicitados a fornecer informações de identificação - apenas um domínio (novo ou pré-existente) - para que os usuários que ainda não percam todo o funil não sejam detidos por um formulário longo e complexo. Assim que os visitantes estiverem prontos para continuar a se inscrever, 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 rotulado, fornecendo um processo de inscrição contínuo para os clientes.

Cirius Marketing

Aqui está um exemplo do Cirius Marketing. Eles usam uma página de opt-in 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% concluído na parte superior da janela para que os clientes em potencial saibam que essa não é a única informação que eles precisam fornecer.

Sprout Social

O Sprout Social projetou este formulário de várias etapas para que seus clientes em potencial completem:

multi-step form sprout social

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

Base Rápida

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

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

Quando os clientes em potencial estão prontos para iniciar seu teste gratuito, eles clicam em qualquer um dos botões de 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 multi-etapas

Observe como essa parte do formulário é especificamente identificada como “Etapa 1 de 2”. Informar os clientes em potencial que estão a “segundos” de sua avaliação gratuita é 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 de sua conta com etapas claramente definidas:

Hootsuite multi-etapas

O título indica quantas etapas são necessárias 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 orientar facilmente os visitantes até a conclusão.

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

Se o seu melhor cenário de conversão requer muitas informações dos clientes em potencial e você não quer 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, persuadem os clientes a confiar suas informações em você 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 dedicadas de pós-clique, inscrevendo-se hoje para uma demonstração do Instapage Enterprise.