{"id":90537,"date":"2020-01-31T23:20:28","date_gmt":"2020-01-31T17:50:28","guid":{"rendered":"https:\/\/vwo.com\/blog\/sign-up-form-examples\/"},"modified":"2025-12-12T17:10:06","modified_gmt":"2025-12-12T11:40:06","slug":"exemplos-formularios-de-registro","status":"publish","type":"post","link":"https:\/\/vwo.com\/blog\/br\/exemplos-formularios-de-registro\/","title":{"rendered":"6 exemplos de formul\u00e1rios de registro para aumentar as convers\u00f5es"},"content":{"rendered":"\n

Formul\u00e1rios de registro s\u00e3o parte integral de qualquer site. Dependendo da natureza do seu neg\u00f3cio, os formul\u00e1rios de registro podem ser usados para gerar leads, coletar e-mails para a sua newsletter e adquirir novos clientes. O problema \u00e9 que muitas empresas n\u00e3o se d\u00e3o ao trabalho de otimizar seus formul\u00e1rios de registro<\/a> para aumentar as convers\u00f5es.<\/p>\n\n\n\n

Os formul\u00e1rios de registro continuam sendo elementos muito valiosos para a gera\u00e7\u00e3o de leads da sua empresa em 2026. Eles s\u00e3o essenciais para aumentar a lista de assinantes engajados que det\u00eam permiss\u00f5es espec\u00edficas. Os formul\u00e1rios s\u00e3o ferramentas \u00fateis que podem ser usadas em diversos canais de marketing, incluindo redes sociais, blogs e sites.<\/p>\n\n\n\n

Download gr\u00e1tis: Guia de an\u00e1lise de formul\u00e1rios<\/span><\/a><\/em><\/h2>\n\n\n
\n
\"illustration<\/figure>\n<\/div>\n\n\n

Se os seus formul\u00e1rios de registro n\u00e3o forem otimizados, voc\u00ea perder\u00e1 v\u00e1rias oportunidades de expandir os seus neg\u00f3cios.<\/p>\n\n\n\n

Para evitar que o tempo, a energia e o dinheiro investidos n\u00e3o se transformem em convers\u00f5es, reuni alguns dos principais exemplos de formul\u00e1rios de registro de sucesso. Neste artigo, voc\u00ea vai aprender a criar formul\u00e1rios de registro que geram convers\u00f5es e conhecer\u00e1 exemplos que se destacaram nos \u00faltimos anos.<\/p>\n\n\n\n

Vamos come\u00e7ar.<\/p>\n\n\n

Melhores pr\u00e1ticas de formul\u00e1rios de registro para aumentar as convers\u00f5es<\/strong><\/h2>\n\n\n

Para gerar mais leads e convers\u00f5es, voc\u00ea precisa criar formul\u00e1rios de registro atrativos. Como a Internet est\u00e1 repleta de distra\u00e7\u00f5es, se voc\u00ea n\u00e3o for capaz de prender a aten\u00e7\u00e3o do usu\u00e1rio em poucos segundos, poder\u00e1 acabar perdendo aquele lead.<\/p>\n\n\n\n

Para ajud\u00e1-lo a aumentar as chances de capturar a aten\u00e7\u00e3o dos visitantes e convenc\u00ea-los a realizar uma a\u00e7\u00e3o espec\u00edfica, siga os exemplos de design e as regras de cria\u00e7\u00e3o de formul\u00e1rios de registro abaixo.<\/p>\n\n\n

Aumente o tamanho dos campos do formul\u00e1rio<\/strong><\/h3>\n\n
\n
\"an<\/figure>\n<\/div>\n\n\n

Ao criar um formul\u00e1rio de registro, seu principal objetivo deve ser melhorar a experi\u00eancia do usu\u00e1rio o m\u00e1ximo poss\u00edvel. Nem todos os usu\u00e1rios do seu site gostam de usar a tecla Tab para avan\u00e7ar de um campo ao outro do formul\u00e1rio. Alguns deles preferem usar o mouse ou tocar na tela do dispositivo para preencher os dados. Portanto, assegure-se de que os campos sejam vis\u00edveis e que os usu\u00e1rios consigam preench\u00ea-los com facilidade.<\/p>\n\n\n

Evite o formato de duas colunas<\/strong><\/h3>\n\n
\n
\"illustration<\/figure>\n<\/div>\n\n\n

Seu formul\u00e1rio de registro precisa ser otimizado tanto para usu\u00e1rios de desktop quanto de dispositivos m\u00f3veis. A ideia de adotar um design com duas colunas faz sentido no desktop, porque a tela horizontal consegue acomodar esse formato. No entanto, para os usu\u00e1rios de dispositivos m\u00f3veis, as duas colunas dificultam o preenchimento e prejudicam a leitura.<\/p>\n\n\n\n

M\u00faltiplas colunas tamb\u00e9m podem confundir os visitantes do site durante o preenchimento dos campos. S\u00e3o grandes as chances de que eles pulem uma linha por engano durante o preenchimento de um formul\u00e1rio com duas colunas. Esse equ\u00edvoco pode atrasar todo o processo de registro e frustrar os visitantes, levando-os at\u00e9 mesmo a abandonar o preenchimento do formul\u00e1rio no seu site.<\/p>\n\n\n

Use quatro campos ou menos<\/strong><\/h3>\n\n
\n
\"screenshot
Fonte da imagem: Tumblr<\/a><\/figcaption><\/figure>\n<\/div>\n\n\n

Para aumentar o engajamento nos seus formul\u00e1rios de registro, \u00e9 importante reduzir o n\u00famero de campos a serem preenchidos, j\u00e1 que seu excesso pode causar confus\u00e3o. Estudos apontam que formul\u00e1rios com uma quantidade reduzida de campos apresentam taxas de convers\u00e3o mais altas.<\/p>\n\n\n

\n
\"bar
Fonte da imagem:  Forbes<\/a><\/figcaption><\/figure>\n<\/div>\n\n\n

A imagem acima mostra que empresas que usam menos de cinco campos em seus formul\u00e1rios t\u00eam 20% mais convers\u00f5es do que aquelas que utilizam mais campos.<\/p>\n\n\n\n

Limite o seu formul\u00e1rio a quatro campos ou menos. Se a informa\u00e7\u00e3o n\u00e3o for importante para contribuir com a convers\u00e3o de um lead, remova-a. Fa\u00e7a apenas perguntas essenciais para n\u00e3o acabar criando um formul\u00e1rio longo sem necessidade. Por exemplo, voc\u00ea n\u00e3o precisa solicitar o n\u00famero de telefone do usu\u00e1rio se ele estiver se inscrevendo para receber a sua newsletter por e-mail<\/a>. <\/p>\n\n\n\n

Lembre-se de que a maioria dos visitantes n\u00e3o est\u00e1 disposta a dedicar alguns minutos para preencher um formul\u00e1rio de registro.<\/p>\n\n\n

Evite asteriscos e campos de confirma\u00e7\u00e3o de senha<\/strong><\/h3>\n\n\n

Conforme expliquei acima, mantenha os seus formul\u00e1rios t\u00e3o curtos quanto poss\u00edvel. Seguindo essa regra, voc\u00ea n\u00e3o ter\u00e1 que inserir aqueles asteriscos irritantes que indicam que o preenchimento de alguns campos \u00e9 obrigat\u00f3rio. Ao adicionar apenas campos importantes em seu formul\u00e1rio, o uso de asteriscos deixa de existir.<\/p>\n\n\n\n

Al\u00e9m disso, evite solicitar que o usu\u00e1rio confirme a senha em outro campo. Em vez disso, permita que ele visualize a senha inserida com o bot\u00e3o \u201cMostrar senha\u201d.<\/p>\n\n\n

\n
\"screenshot<\/figure>\n<\/div>\n\n\n

Dica do especialista: <\/strong>em vez de solicitar que o usu\u00e1rio informe um nome de usu\u00e1rio e um endere\u00e7o de e-mail, permita que o pr\u00f3prio e-mail seja usado como nome de usu\u00e1rio. Isso reduzir\u00e1 a quantidade de campos do formul\u00e1rio. Os exemplos mais eficazes de formul\u00e1rios de registro com e-mail t\u00eam essa caracter\u00edstica em comum.<\/p>\n\n\n

Evite campos complexos e d\u00ea instru\u00e7\u00f5es claras<\/strong><\/h3>\n\n
\n
\"an
Fonte da imagem: Blue<\/figcaption><\/figure>\n<\/div>\n\n\n

Seu formul\u00e1rio de registro deve ser claro e f\u00e1cil de entender. Evite adicionar campos complexos que podem frustrar os visitantes. Informe aos usu\u00e1rios o que eles precisam fazer durante o preenchimento do formul\u00e1rio para prevenir poss\u00edveis erros. Exiba instru\u00e7\u00f5es claras perto dos respectivos campos para que os visitantes saibam como proceder a todo momento.<\/p>\n\n\n

Seu bot\u00e3o de registro deve se destacar e transmitir uma mensagem clara<\/strong><\/h3>\n\n\n

O bot\u00e3o do CTA \u00e9 um dos elementos mais importantes dos seus formul\u00e1rios de registro. Ele deve chamar a aten\u00e7\u00e3o do usu\u00e1rio e estimul\u00e1-lo a realizar uma a\u00e7\u00e3o espec\u00edfica. Escolha uma cor brilhante que crie um contraste com o fundo do formul\u00e1rio.<\/p>\n\n\n

\n
\"an
Fonte da imagem: Treehouse<\/a><\/figcaption><\/figure>\n<\/div>\n\n\n

Ao escrever o texto do seu bot\u00e3o de registro, certifique-se de que ele transmita uma proposta de valor clara. Por exemplo, em vez de adotar op\u00e7\u00f5es simples como \u201cRegistrar-se\u201d ou \u201cBaixar\u201d, opte por alternativas como \u201cReceber teste gr\u00e1tis\u201d ou \u201cIniciar demonstra\u00e7\u00e3o gratuita\u201d. Assim, o texto esclarecer\u00e1 o que o usu\u00e1rio receber\u00e1 ap\u00f3s se registrar.<\/p>\n\n\n

Habilite a op\u00e7\u00e3o de registro via rede social<\/strong><\/h3>\n\n
\n
\"an
Fonte da imagem: Treehouse<\/figcaption><\/figure>\n<\/div>\n\n\n

Voc\u00ea tamb\u00e9m pode acelerar o processo de registro ao permitir que os usu\u00e1rios usem suas contas nas redes sociais para se registrar. A maioria das pessoas at\u00e9 prefere essa op\u00e7\u00e3o, pois ela \u00e9 mais f\u00e1cil e intuitiva. Al\u00e9m disso, essa abordagem n\u00e3o requer a memoriza\u00e7\u00e3o de uma nova senha.<\/p>\n\n\n

Ofere\u00e7a um incentivo para o visitante se registrar<\/strong><\/h3>\n\n\n

Oferecer um incentivo \u00e9 uma \u00f3tima forma de convencer as pessoas a se registrarem. Pesquisas mostram que incentivos aumentam a taxa de convers\u00e3o de registros em at\u00e9 15%<\/a>.<\/p>\n\n\n

\n
\"graph
Fonte da imagem: Ecwid<\/figcaption><\/figure>\n<\/div>\n\n\n

Em vez de pedir que o usu\u00e1rio simplesmente se registre, ofere\u00e7a um incentivo para estimul\u00e1-lo a informar seu endere\u00e7o de e-mail. Pode ser qualquer coisa que traga valor para o usu\u00e1rio. Alguns dos exemplos mais eficazes de formul\u00e1rios de registro com e-mail oferecem descontos na compra de produtos.
Para disponibilizar incentivos ainda melhores, descubra como criar uma proposta de valor atrativa<\/a>.<\/p>\n\n\n

Evite o uso de ferramentas Captcha<\/strong><\/h3>\n\n\n

Captcha \u00e9 uma tecnologia que ajuda a diferenciar um computador de um usu\u00e1rio humano. Se voc\u00ea j\u00e1 preencheu um formul\u00e1rio que inclu\u00eda uma ferramenta Captcha, sabe como ela pode ser irritante.<\/p>\n\n\n

\n
\"screenshot<\/figure>\n<\/div>\n\n\n

Mesmo que o intuito seja reduzir a quantidade de spam, a ferramenta pode ser muito desagrad\u00e1vel para os usu\u00e1rios reais. Al\u00e9m disso, ela \u00e9 mais um elemento que deixa o formul\u00e1rio mais longo. Muitas vezes, a primeira e a segunda tentativas do usu\u00e1rio n\u00e3o funcionam, o que pode deix\u00e1-lo frustrado e faz\u00ea-lo sair do seu site. Portanto, \u00e9 melhor evitar o uso de ferramentas Captcha.<\/p>\n\n\n\n

Agora que j\u00e1 vimos quais regras de design voc\u00ea deve seguir ao criar seus formul\u00e1rios, vamos conhecer exemplos de formul\u00e1rios de registro que merecem destaque.<\/p>\n\n\n\n

Download gr\u00e1tis: Guia de an\u00e1lise de formul\u00e1rios<\/span><\/a><\/em><\/h2>\n\n\n

Exemplos de formul\u00e1rios de registro que geram convers\u00f5es<\/strong><\/h2>\n\n

MailChimp<\/strong><\/h3>\n\n
\n
\"example
Fonte da imagem: Mailchimp<\/a><\/figcaption><\/figure>\n<\/div>\n\n\n

O Mailchimp traz um bom exemplo de como criar um \u00f3timo formul\u00e1rio de registro. Ele \u00e9 limpo, minimalista e mostra claramente aos visitantes qual a\u00e7\u00e3o eles devem realizar. O mascote da empresa, um chimpanz\u00e9, tamb\u00e9m \u00e9 uma adi\u00e7\u00e3o importante. Ele chama a aten\u00e7\u00e3o do usu\u00e1rio e mant\u00e9m seu interesse em visualizar o restante do formul\u00e1rio.<\/p>\n\n\n\n

Elementos para observar neste formul\u00e1rio de registro<\/strong><\/h4>\n\n\n\n

O formul\u00e1rio \u00e9 composto por apenas tr\u00eas campos. Ele \u00e9 curto e solicita apenas as informa\u00e7\u00f5es mais importantes dos usu\u00e1rios.<\/p>\n\n\n\n

A empresa tamb\u00e9m apresenta instru\u00e7\u00f5es claras de como preencher o formul\u00e1rio. Os crit\u00e9rios para a cria\u00e7\u00e3o da senha s\u00e3o exibidos abaixo de seu respectivo campo. \u00c0 medida que o visitante digita e cumpre com esses crit\u00e9rios, eles desaparecem da lista. Isso n\u00e3o s\u00f3 melhora a experi\u00eancia do usu\u00e1rio, como tamb\u00e9m ajuda a economizar tempo.<\/p>\n\n\n\n

Outro recurso legal do formul\u00e1rio \u00e9 o bot\u00e3o do CTA. Ele permanece apagado at\u00e9 que o usu\u00e1rio termine de preencher todos os campos. Quando o formul\u00e1rio \u00e9 totalmente preenchido, o bot\u00e3o muda de cor e fica ativo.<\/p>\n\n\n

Nerd Fitness<\/strong><\/h3>\n\n
\n
\"example
Fonte da imagem: Nerd Fitness<\/figcaption><\/figure>\n<\/div>\n\n\n

Este formul\u00e1rio de registro criado por Steve Kamb \u00e9 um exemplo que gera boas convers\u00f5es. Embora ele seja formado por v\u00e1rias cores, o formul\u00e1rio \u00e9 eficiente por combinar com a tem\u00e1tica \u201cnerd\u201d da marca.<\/p>\n\n\n\n

Elementos para observar neste formul\u00e1rio de registro<\/strong><\/h4>\n\n\n\n

O formul\u00e1rio \u00e9 extremamente direto e s\u00f3 tem um campo. Tudo o que a empresa solicita \u00e9 o endere\u00e7o de e-mail do usu\u00e1rio. A maioria das pessoas n\u00e3o v\u00ea problema em informar seu e-mail. Quanto menos informa\u00e7\u00f5es um visitante precisa compartilhar, maiores s\u00e3o as chances de convers\u00e3o. <\/p>\n\n\n\n

A empresa tamb\u00e9m oferece um livro como brinde pelo registro. Ele serve como um incentivo para que o usu\u00e1rio informe seu endere\u00e7o de e-mail. A linguagem informal usada no texto tamb\u00e9m torna o processo de registro mais divertido.<\/p>\n\n\n\n

O formul\u00e1rio faz uso de prova social, informando que mais de 200 mil pessoas j\u00e1 se registraram. Estat\u00edsticas mostram que implementar algum tipo de prova social nas suas p\u00e1ginas pode aumentar as convers\u00f5es em 34%<\/a>.<\/p>\n\n\n\n

Outro \u00f3timo exemplo de formul\u00e1rio de registro que usa prova social a seu favor \u00e9 o da Single Grain.<\/p>\n\n\n\n


<\/p>\n\n\n

\n
\"example
Fonte da imagem: Single Grain<\/figcaption><\/figure>\n<\/div>\n\n\n

Em seu formul\u00e1rio de registro, a ag\u00eancia menciona algumas das grandes marcas com as quais j\u00e1 trabalhou. Ao fazer isso, ela melhora sua reputa\u00e7\u00e3o e demonstra o n\u00edvel de qualidade oferecido. Afinal, marcas conhecidas n\u00e3o trabalhariam com essa ag\u00eancia se ela n\u00e3o fosse boa, n\u00e3o \u00e9 mesmo?<\/p>\n\n\n\n


Dica do especialista:<\/strong> se voc\u00ea nunca trabalhou com grandes marcas e n\u00e3o possui milhares de assinantes ou seguidores, use depoimentos de clientes como uma forma de prova social<\/a>. Esse \u00e9 outro excelente recurso para aumentar as convers\u00f5es de um formul\u00e1rio de registro.<\/p>\n\n\n

Google<\/h3>\n\n
\n
\"example
Fonte da imagem: Gmail<\/figcaption><\/figure>\n<\/div>\n\n\n

O Google traz outro \u00f3timo exemplo de formul\u00e1rio de contato que gera convers\u00f5es.<\/p>\n\n\n\n

Elementos para observar neste formul\u00e1rio de registro<\/strong><\/h4>\n\n\n\n

O formul\u00e1rio de registro \u00e9 neutro e n\u00e3o \u00e9 muito colorido. Seu design minimalista e a interface de usu\u00e1rio clara n\u00e3o cansam os olhos. O formul\u00e1rio tem poucos campos. Os usu\u00e1rios s\u00f3 precisam informar seu nome, sobrenome, nome de usu\u00e1rio e criar uma senha.<\/p>\n\n\n\n

Assim como no formul\u00e1rio do Mailchimp, os usu\u00e1rios recebem instru\u00e7\u00f5es claras de como devem preencher os campos. O bot\u00e3o para visualizar a senha fica dispon\u00edvel para que o visitante confirme que n\u00e3o cometeu nenhum erro enquanto digitava.<\/p>\n\n\n\n

Na lateral do formul\u00e1rio h\u00e1 uma imagem com um pequeno texto que informa \u201cUma conta. Tudo o que o Google oferece.\u201d (em ingl\u00eas, \u201cOne account. All of Google working for you.\u201d). Esse \u00e9 um exemplo de proposta de valor clara. A frase avisa que, ao criar a conta, voc\u00ea poder\u00e1 usar todos os recursos incr\u00edveis que o Google tem a oferecer.<\/p>\n\n\n

Quicksprout<\/strong><\/h3>\n\n
\n
\"example
Fonte da imagem: Quick Sprout<\/a><\/figcaption><\/figure>\n<\/div>\n\n\n

Se existe um formul\u00e1rio de registro que realmente se destaca, \u00e9 este formul\u00e1rio da Quick Sprout. Ele n\u00e3o adota o mesmo formato que voc\u00ea costuma encontrar por a\u00ed. Em vez disso, a empresa solicita que o usu\u00e1rio informe a URL de seu site para fazer uma an\u00e1lise. Antes de pedir qualquer dado pessoal do visitante, ela oferece valor a ele.<\/p>\n\n\n\n

Elementos para observar neste formul\u00e1rio de registro<\/strong><\/h4>\n\n\n\n

O formul\u00e1rio de registro \u00e9 iniciado com uma pergunta sobre uma dificuldade que o usu\u00e1rio deseja resolver. Para oferecer solu\u00e7\u00f5es para um problema, primeiro \u00e9 necess\u00e1rio entender o seu p\u00fablico-alvo. O formul\u00e1rio de registro da Quick Sprout pergunta se os usu\u00e1rios querem gerar mais tr\u00e1fego e, imediatamente, oferece uma solu\u00e7\u00e3o que os ajuda a entender por que n\u00e3o recebem tantas visitas em seus sites. Fazer uma pergunta e oferecer uma solu\u00e7\u00e3o logo em seguida \u00e9 uma \u00f3tima forma de aumentar as convers\u00f5es no seu formul\u00e1rio de registro.<\/p>\n\n\n\n

Todos esses exemplos de design de formul\u00e1rio de registro t\u00eam uma caracter\u00edstica em comum: o minimalismo. Eles s\u00e3o criados de forma simples para evitar a distra\u00e7\u00e3o dos visitantes. As cores usadas combinam com o tema e a apar\u00eancia geral de cada site.<\/p>\n\n\n

Grubhub<\/strong><\/h3>\n\n
\n
\"example
Fonte da imagem: Grubhub<\/figcaption><\/figure>\n<\/div>\n\n\n

O formul\u00e1rio de registro do Grubhub \u00e9 muito bonito. Ele aparece na tela alguns minutos ap\u00f3s o usu\u00e1rio acessar o site.<\/p>\n\n\n\n

Elementos para observar neste formul\u00e1rio de registro<\/strong><\/h4>\n\n\n\n

Quando ele aparece, o restante do plano de fundo escurece para que o foco total fique no formul\u00e1rio de registro, impedindo que os usu\u00e1rios se distraiam com outros textos. O formul\u00e1rio tem apenas dois campos: endere\u00e7o de e-mail e senha.<\/p>\n\n\n\n

Ao lado do formul\u00e1rio, \u00e9 apresentada uma lista com todos os benef\u00edcios que o usu\u00e1rio ter\u00e1 ao se registrar. Esse \u00e9 um \u00f3timo incentivo que estimula os visitantes a conclu\u00edrem seus registros.<\/p>\n\n\n

TransferWise<\/strong><\/h3>\n\n
\n
\"screenshot
Fonte da imagem: TransferWise<\/figcaption><\/figure>\n<\/div>\n\n\n

TransferWise \u00e9 uma plataforma que possibilita que os usu\u00e1rios transfiram dinheiro para v\u00e1rias contas ao redor do mundo de um jeito r\u00e1pido e f\u00e1cil. A empresa adota um design simples e claro em seu formul\u00e1rio de registro.<\/p>\n\n\n\n

Esse \u00e9 um dos exemplos de design de formul\u00e1rio de registro mais simples que existem.<\/p>\n\n\n\n

Elementos para observar neste formul\u00e1rio de registro<\/strong><\/h4>\n\n\n\n

A parte superior do formul\u00e1rio de registro exibe a proposta de valor da empresa de forma clara: \u201cBem-vindo ao dinheiro sem fronteiras\u201d (em ingl\u00eas, \u201cWelcome to money without borders\u201d). O texto responde a uma d\u00favida importante que a maioria dos usu\u00e1rios tem: \u201c\u00c9 f\u00e1cil transferir dinheiro de um pa\u00eds para outro?\u201d.<\/p>\n\n\n\n

Os visitantes podem criar uma conta pessoal ou empresarial. Esse campo \u00e9 essencial, j\u00e1 que se trata de uma plataforma financeira. Al\u00e9m de informar seu e-mail e senha, voc\u00ea tamb\u00e9m precisa adicionar a sua localiza\u00e7\u00e3o. Mesmo com cinco campos a serem preenchidos, seu design ainda assim \u00e9 minimalista e limpo.<\/p>\n\n\n\n

Dica do especialista<\/strong>: se, por algum motivo, voc\u00ea precisar de mais do que quatro campos, adote um design muito claro e simples. O excesso de cores e anima\u00e7\u00f5es poder\u00e1 deixar o formul\u00e1rio de registro confuso.<\/p>\n\n\n\n

Quer descobrir se os seus formul\u00e1rios s\u00e3o bons? Assista ao tour guiado da VWO Forms que ajuda a analisar como os visitantes interagem com os formul\u00e1rios do seu site:<\/p>\n\n\n\n

\n