Como fazer formulários inteligentes que geram contatos

Um formulário inteligente pede só o que a empresa precisa para responder, explica cada campo com clareza, avisa o erro na hora certa e confirma o envio de um jeito que a pessoa entenda. Em site de empresa local, isso costuma significar três ou quatro campos, rótulos sempre visíveis, mensagens de erro que dizem como corrigir e um aviso de privacidade que segue a LGPD.

• Peça o mínimo: nome, um meio de contato e a mensagem resolvem a maioria dos casos.
• Mantenha o rótulo visível o tempo todo, e não só dentro do campo.
• Escreva a mensagem de erro dizendo o que corrigir, no próprio campo.
• Confirme o envio na tela e por e-mail, e teste o caminho completo.
• Combata o spam por trás da tela, sem exigir que a pessoa resolva desafios.
• Diga para que os dados serão usados, no momento do preenchimento.

Formulário é o ponto em que o interesse vira contato, e é também onde muita visita se perde. Um campo confuso, um erro genérico ou um envio que não confirma nada fazem a pessoa desistir depois de já ter decidido escrever.

Este guia cobre campos, rótulos, erros, confirmação, spam, LGPD e pop-ups. É a parte mais detalhada do trabalho de criação de sites profissionais para empresas, porque um formulário que falha some do relatório sem avisar ninguém.

O que é um formulário inteligente

Formulário inteligente é aquele que se adapta ao que a pessoa está fazendo, e não um formulário com tecnologia sofisticada. Ele reúne poucas perguntas, mostra campos extras só quando a resposta anterior pede, valida o que foi digitado e confirma o resultado.

Na prática, os recursos mais úteis para site local são poucos:

• Campos condicionais, como mostrar um seletor de modelo só depois de escolher o serviço.
• Teclado certo no celular, com teclado numérico para telefone e teclado de e-mail para o endereço.
• Preenchimento automático do navegador, que completa nome, e-mail e telefone.
• Validação que avisa o erro no campo, e não numa tela nova.
• Confirmação clara depois do envio.

A palavra inteligente vem do cuidado com quem preenche. Um formulário simples, bem pensado, converte melhor que um formulário cheio de lógica que ninguém testou no celular.

Quantos campos pedir

Peça o mínimo necessário para dar a primeira resposta, e deixe o resto para a conversa que vem depois. Cada campo a mais é um motivo a mais para desistir.

O Baymard Institute, que pesquisa usabilidade de comércio eletrônico, mediu formulários de checkout e encontrou uma média de 11,3 campos nas lojas analisadas em 2024, quando a maior parte poderia fechar um pedido com cerca de 8. O dado é de checkout, que pede endereço e pagamento, mas mostra a direção: as lojas costumam pedir mais do que precisam.

Para site de serviço, o ponto de partida é ainda menor:

Tipo de formulário	Campos que recomendamos
Contato geral	Nome, e-mail ou telefone, mensagem
Pedido de orçamento	Nome, telefone, serviço desejado, bairro ou cidade, detalhes
Agendamento	Nome, telefone, serviço, dia e horário preferidos
Newsletter	E-mail

A conclusão da tabela vale em texto: pergunte o que muda a primeira resposta, e nada além disso. Se a empresa não vai usar a data de nascimento, o cargo ou o segundo telefone, esses campos saem.

Um formulário muito curto pode trazer contatos que dizem pouco, e por isso a mensagem livre ajuda. Ela deixa a pessoa explicar o que precisa, e a empresa decide se pede mais informações depois. O mesmo raciocínio vale para o botão de envio, tema do guia sobre call to action.

Rótulos, campos e teclado no celular

Todo campo precisa de um rótulo visível, escrito fora do campo, que continue na tela enquanto a pessoa digita. Texto de exemplo dentro do campo desaparece no momento em que a pessoa começa a escrever, e ela perde a referência.

O WCAG 2.2, do W3C, pede rótulos ou instruções quando o conteúdo exige entrada do usuário (critério 3.3.2). O mesmo documento traz o critério 1.3.5, que trata da finalidade de cada campo: quando o código do campo informa que ele é um nome, um e-mail ou um telefone, o navegador consegue preencher sozinho.

Alguns ajustes técnicos deixam o formulário mais leve no celular:

1. Use o tipo de campo correto, como e-mail e telefone, para o aparelho abrir o teclado certo.
2. Ative o atributo de preenchimento automático com o valor correspondente a cada campo.
3. Deixe o campo grande o bastante para tocar com o polegar, conforme o tamanho de alvo do WCAG 2.2, de pelo menos 24 por 24 pixels CSS.
4. Marque como obrigatório só o que for de fato, e indique isso no rótulo.
5. Coloque os campos em uma única coluna, na ordem em que a pessoa pensa.

Os rótulos devem usar a linguagem do cliente. Se o site atende gente que procura conserto de ar-condicionado, o campo se chama Qual aparelho precisa de conserto, que diz mais que Descrição da solicitação. O guia de experiência do usuário no site detalha esse cuidado com o texto da interface.

Como escrever mensagens de erro

A mensagem de erro deve dizer qual é o problema e como corrigi-lo, no próprio campo, sem apagar o que a pessoa já digitou. O WCAG 2.2 pede que o erro seja identificado em texto e descrito ao usuário (critério 3.3.1) e, quando a correção é conhecida, que a sugestão seja oferecida (critério 3.3.3).

A diferença aparece na redação. Campo inválido diz pouco, e Digite o telefone com DDD, por exemplo 48 99999 0000 mostra o caminho.

Estes cuidados evitam a maior parte das desistências por erro:

• Mostre o erro ao lado do campo, e não só num aviso no topo da página.
• Use texto, além da cor vermelha, para quem não distingue cores.
• Guarde o que foi digitado, para a pessoa corrigir apenas o campo com problema.
• Aceite variações de formato, como telefone com ou sem parênteses e traço.
• Valide ao sair do campo, e não a cada letra digitada.

Um texto amigável também conta. Falta o e-mail para retornarmos o contato soa mais humano que Campo obrigatório, e o custo de escrever assim é zero.

Confirmação de envio

Depois de enviar, a pessoa precisa ver na tela que a mensagem chegou e saber o que acontece em seguida. Sem isso, ela clica de novo, manda por outro canal ou vai embora achando que deu errado.

Uma boa confirmação diz três coisas: que a mensagem foi recebida, em que prazo a empresa costuma responder e por qual canal. Se o retorno é por WhatsApp, a confirmação já pode trazer o botão para conversar.

Também vale enviar um e-mail automático de confirmação ao visitante, com o resumo do que foi pedido. E o aviso interno para a empresa precisa chegar de verdade.

É aqui que muito site falha em silêncio. O e-mail do formulário sai por um servidor sem autenticação, cai em spam ou nem é entregue, e ninguém percebe até o cliente reclamar. Por isso recomendamos enviar por SMTP autenticado e fazer um teste real de envio a cada mudança no site.

Como proteger o formulário contra spam sem atrapalhar quem envia

A proteção mais eficiente contra spam trabalha por trás da tela, sem pedir nada à pessoa. Quanto mais o visitante precisa provar que é gente, maior a chance de ele desistir.

As técnicas mais usadas, da mais leve para a mais pesada:

1. Campo isca, conhecido como honeypot: um campo escondido que pessoas não veem e robôs preenchem.
2. Tempo mínimo de preenchimento, já que robôs enviam em frações de segundo.
3. Validação no servidor, que confere formato e conteúdo antes de aceitar.
4. Verificação invisível, como o reCAPTCHA v3, do Google, ou o Turnstile, da Cloudflare, que avaliam o comportamento sem desafio na tela.
5. Desafio visível, como marcar imagens, reservado para quando as anteriores não bastam.

O reCAPTCHA v3 e o Turnstile carregam scripts de terceiros, e isso pesa na velocidade da página. Carregue o script só na página do formulário e avalie o efeito no carregamento antes de publicar.

Acompanhe também o que o filtro barra. Se contatos legítimos aparecem como spam, o filtro está rígido demais, e uma checagem mensal da pasta de spam do formulário mostra isso cedo.

LGPD no formulário

Todo formulário coleta dados pessoais, e a Lei Geral de Proteção de Dados (Lei 13.709/2018) pede que a pessoa saiba para que eles serão usados. O tratamento precisa ter finalidade específica e limitar-se ao necessário para isso, princípios que a lei chama de finalidade e necessidade.

Em formulário de contato, a regra prática tem três partes:

• Peça só os dados de que a empresa precisa para responder.
• Diga, ao lado do botão de envio, para que os dados serão usados, com link para a política de privacidade.
• Use os dados só para o fim informado, como responder ao pedido.

Quando o formulário também inscreve a pessoa em uma lista de e-mails, esse é um segundo uso, e o consentimento é o caminho mais comum. O artigo 8 da LGPD diz que o consentimento deve se referir a finalidades determinadas e que autorizações genéricas são nulas. Por isso recomendamos uma caixa separada, desmarcada, para a lista de novidades, sem ligá-la ao envio da mensagem.

A escolha da base legal para cada caso, como consentimento ou execução de procedimentos preliminares a pedido da pessoa, pertence ao jurídico da empresa. Nós montamos o formulário e a política de acordo com o que a empresa define. O guia sobre LGPD para sites explica os conceitos com mais calma.

Guardar a mensagem no painel do site também exige cuidado. Defina por quanto tempo os contatos ficam guardados e quem pode ler, e apague o que perdeu utilidade.

Pop-up e captura de lead sem atrapalhar a navegação

O pop-up funciona como convite quando aparece no momento certo e ocupa pouco espaço, e atrapalha quando cobre o conteúdo logo na chegada. A regra do Google sobre isso vale principalmente para o celular.

Segundo a Central de Pesquisa do Google, elementos que cobrem a página inteira, ou a tela toda ao chegar, tornam o conteúdo menos acessível e podem levar a um desempenho pior na busca. O Google cita como problemáticos os pop-ups de tela cheia e os diálogos que escondem a página inteira, e como aceitáveis os banners que ocupam apenas uma pequena parte da tela. A mesma documentação isenta avisos exigidos por lei, como verificação de idade e login.

A documentação não diz que o pop-up é um fator de ranqueamento direto. Diz que a experiência ruim pode prejudicar como o Google entende o conteúdo e afastar quem chega pela busca.

Um pop-up de captura bem cuidado segue algumas regras:

• Não aparece na primeira tela, e só depois de a pessoa ler o conteúdo ou mostrar intenção de sair.
• Tem botão de fechar visível, grande e fácil de tocar.
• Ocupa pouco espaço no celular, como uma faixa ou um cartão pequeno.
• Oferece algo que tenha relação com a página que a pessoa está lendo.
• Não reaparece a cada página visitada.

Em site de empresa local, o caminho mais leve costuma ser trocar o pop-up por um formulário curto ou um botão de WhatsApp dentro da própria página. Assim a captura acontece sem interromper a leitura.

Como medir se o formulário funciona

Meça envios, e não só visitas à página de contato. No Google Analytics 4, o envio pode ser registrado como um evento, como generate_lead, e marcado como evento-chave.

Segundo a Ajuda do Analytics, os eventos-chave passaram a ser o nome dos antigos eventos de conversão em março de 2024, e a marcação vale a partir do dia em que é feita. Conte também as mensagens que realmente chegaram à caixa de entrada da empresa, porque isso mostra falha de entrega que o painel não vê.

O mínimo a acompanhar:

1. Visitas à página do formulário.
2. Envios registrados.
3. Mensagens recebidas na caixa de entrada.
4. Diferença entre celular e computador.

Se a taxa no celular fica bem abaixo da taxa no computador, o problema costuma estar no formulário. O pilar sobre taxa de conversão do site mostra como ler essa diferença e o que testar primeiro.

O que fazemos antes de publicar um formulário

Recomendamos começar cada formulário pela pergunta de quanto o dono precisa saber para responder, e desenhar os campos a partir dessa resposta. Nós escrevemos os rótulos, as mensagens de erro e o texto de confirmação com a linguagem do público do cliente.

Usamos o teclado certo em cada campo, preenchimento automático e validação no próprio campo. Testamos o formulário em tela pequena, com o polegar, e enviamos uma mensagem de verdade para conferir que ela chega à caixa de entrada do cliente.

Entregamos cada formulário com o aviso de privacidade ao lado do botão, redigido a partir do que a empresa define, e com a medição do envio ligada desde o primeiro dia. Como o site fica no domínio e na hospedagem do cliente, o painel visual permite que ele mesmo ajuste o texto e a lista de destinatários.

Perguntas frequentes

Formulário curto converte mais?
Em geral sim, porque cada campo a mais é um motivo para desistir. Formulário curto demais pode trazer contatos vagos, então vale acompanhar quantos envios viram atendimento.

Preciso de captcha no formulário?
Nem sempre. Campo isca, tempo mínimo e validação no servidor barram boa parte do spam sem pedir nada ao visitante, e a verificação invisível entra quando isso não basta.

Posso pedir o CPF no formulário de contato?
Só se o dado for necessário para responder ao pedido. A LGPD pede que o tratamento se limite ao necessário, e o CPF costuma vir depois, na contratação.

O pop-up prejudica o Google?
Pop-up que cobre a página inteira no celular pode prejudicar, segundo a documentação do Google. Faixas pequenas e avisos exigidos por lei ficam de fora dessa orientação.

O que levar daqui

O formulário que gera contato pede pouco, explica cada campo, avisa o erro com clareza, confirma o envio e trata os dados conforme a LGPD. O spam se resolve por trás da tela, e o pop-up, quando existe, ocupa pouco espaço e chega depois da leitura. O critério para decidir é sempre o esforço de quem preenche.

A Virtual Floripa monta os formulários de cada site com essa lógica e testa o envio completo antes de publicar. Se o seu formulário recebe visita e pouca mensagem chega, vale começar pelo teste de envio no celular, e a página de criação de sites profissionais mostra como trabalhamos.