Formulário de contato que funciona (e os erros que afastam cliente)

Publicado em 26 de outubro de 2026 · Equipe Spartan TI

O formulário de contato é o lugar mais caro do seu site. Não porque custe para construir — custa quase nada — mas porque é ali que o visitante decide se vira cliente ou se volta para a aba do concorrente. Ele chegou pela busca, leu o que você faz, se convenceu, rolou a página até o fim e encontrou nove campos obrigatórios, um deles pedindo CPF. Fim da história.

Pior ainda é o formulário que o cliente preenche com paciência, envia, recebe "mensagem enviada com sucesso" — e ninguém nunca lê. Esse erro é mais comum do que parece e pode ficar meses sem ser notado, porque não dá erro na tela, não dá aviso, não dá nada. O dono do site acha que o mercado está fraco. Na verdade o mercado está mandando mensagem para um endereço que não existe mais.

Este artigo é prático: quantos campos usar, como escrever cada rótulo, como fazer o teclado certo aparecer no celular, o que a mensagem de sucesso precisa dizer, como testar de verdade e como se proteger de robô sem atrapalhar gente. Tudo o que você pode conferir no seu site hoje, ou pedir para quem cuida dele arrumar.

Quantos campos: cada campo a mais custa contato

Não existe fórmula exata, mas existe uma lógica que vale para qualquer site: preencher formulário dá trabalho, e o visitante faz uma conta inconsciente entre o trabalho que você pede e o que ele ganha em troca. Se você pede muito antes de entregar nada, ele desiste. Cada campo é um pequeno pedágio: alguns ele paga, mas a fila tem limite.

A regra de ouro é pedir só o que você precisa para dar o próximo passo — não o que seria bom ter no cadastro. Para responder um pedido de orçamento, você precisa saber quem é, como falar com a pessoa e o que ela quer. Isso são três campos.

Dois cuidados que valem mais que o número de campos. O primeiro: marque claramente o que é opcional, em vez de marcar o que é obrigatório — se quase tudo é obrigatório, o asterisco perde significado e sobra sensação de cobrança. O segundo: se o seu negócio realmente precisa de muita informação (uma proposta de obra, um projeto sob medida), não tente esconder isso num formulário gigante. Faça um formulário curto para abrir a conversa e colete o resto depois, por WhatsApp ou numa segunda etapa, quando a pessoa já sabe que vale a pena.

O campo "assunto" com lista de opções

Uma lista de escolha com três ou quatro serviços custa um toque ao visitante e economiza muito do seu tempo, porque a mensagem já chega classificada. Funciona melhor que um campo de texto livre chamado "assunto", que a maioria preenche com "orçamento" e não ajuda ninguém. Mas cuidado com listas longas: se tiver dez opções, o visitante não sabe em qual se encaixa e abandona.

Rótulo claro em vez de placeholder

Placeholder é aquele texto cinza dentro do campo, que desaparece quando a pessoa começa a digitar. Virou moda porque deixa o formulário visualmente limpo. O problema é que ele some justamente quando é mais necessário: a pessoa digita o telefone, troca de campo, volta para conferir e não sabe mais qual campo era qual. Em formulário com cinco campos vazios, isso é confusão garantida.

Rótulo é o texto que fica fora do campo, acima dele, e não sai do lugar. Coloque o rótulo acima, não ao lado: no celular, rótulo lateral quebra o alinhamento e aperta o campo. E escreva o rótulo em linguagem de gente: "Seu WhatsApp com DDD" é melhor que "Telefone de contato". "Conte o que você precisa" é melhor que "Mensagem".

Há outro motivo, menos óbvio: quem usa leitor de tela depende do rótulo estar ligado ao campo no código para saber o que preencher. Placeholder sozinho não garante isso. Acessibilidade e conversão apontam para o mesmo lado quase sempre.

O teclado certo no celular

A maioria das suas visitas chega pelo celular, e no celular existe um detalhe que faz diferença enorme: o tipo do campo decide qual teclado aparece. Campo de telefone declarado como telefone abre o teclado numérico, com números grandes. Campo de e-mail declarado como e-mail abre o teclado com arroba à mão. Se todos os campos são declarados como texto comum, a pessoa digita o telefone caçando número em teclado de letras — e erra, e corrige, e cansa.

Em HTML isso é o atributo type do campo, mais o inputmode quando se quer afinar o teclado. É uma mudança de uma palavra por campo, que quem cuida do seu site faz em minutos:

• Telefone: type="tel" — teclado numérico;
• E-mail: type="email" — teclado com arroba e sem maiúscula automática;
• Número (quantidade, metragem): inputmode="numeric";
• Mensagem longa: uma área de texto de verdade, com altura suficiente para três linhas;
• CEP: numérico, e de preferência preenchendo endereço sozinho depois.

Dois ajustes extras que evitam erro bobo: desligue a correção automática e a maiúscula inicial em campos de e-mail (o celular adora transformar "joao" em "Joao" e invalidar o endereço) e deixe o campo aceitar o telefone como a pessoa quiser digitar, com ou sem parênteses, formatando depois. Formulário que recusa "27999999999" porque falta parêntese perde contato por puro capricho.

Tamanho do toque

Campo e botão precisam ser grandes o suficiente para o dedo, com espaço entre eles. Botão colado em link, em tela de 360 pixels de largura, gera toque errado — e toque errado é visitante irritado. Vale conferir o formulário nessa largura antes de publicar, como a gente faz em todo projeto.

Validação amigável

Validar é conferir se o que a pessoa digitou serve. O erro quase universal é validar mal: a página recarrega, tudo que foi digitado desaparece e aparece uma faixa vermelha no topo dizendo "erro ao enviar o formulário". A pessoa não sabe o que errou e não quer digitar tudo de novo.

Validação amigável tem quatro características:

1. Aponta o campo certo. A mensagem aparece embaixo do campo com problema, não no topo da página.
2. Explica em português. "Digite o DDD e o número, como (27) 99999-9999" ensina. "Campo inválido" acusa.
3. Não apaga o que foi digitado. Nunca. Perder o texto escrito é o motivo número um de abandono depois do erro.
4. Chega no momento certo. Avisar que o e-mail está incompleto enquanto a pessoa ainda está digitando é irritante; avisar quando ela sai do campo é útil.

Vale também cuidar do botão: quando a pessoa aperta enviar, o botão deve mudar para "Enviando..." e travar. Sem isso, em conexão lenta a pessoa aperta três vezes e você recebe três mensagens iguais — ou, pior, ela acha que não funcionou e vai embora.

A mensagem de sucesso que diz o próximo passo

"Mensagem enviada com sucesso" não diz nada ao cliente. Ele acabou de entregar o telefone dele a um desconhecido e quer saber o que vai acontecer. A tela de sucesso é a sua primeira chance de parecer organizado:

"Recebemos o seu pedido, João. Vamos responder pelo WhatsApp (27) 99999-9999 em até 1 dia útil. Se preferir falar agora, clique aqui para abrir a conversa."

Repare nos quatro elementos: confirmação, por onde a resposta vem, prazo e uma alternativa imediata. A alternativa imediata é importante porque quem já se interessou o bastante para preencher o formulário muitas vezes prefere resolver na hora — e o caminho mais curto no Brasil é o WhatsApp, assunto do artigo sobre WhatsApp Business no site.

Detalhe técnico importante: a mensagem de sucesso deve aparecer onde a pessoa está olhando. Se o formulário é longo e o aviso aparece no topo da página, em celular ele fica fora da tela e a pessoa não vê confirmação nenhuma. Role a tela para a mensagem, ou troque o formulário pela mensagem no mesmo lugar.

E o e-mail automático de confirmação?

É um bônus que custa pouco e passa profissionalismo: um e-mail curto confirmando o recebimento, com os dados que a pessoa enviou e o prazo de resposta. Serve também como comprovante para ela. Só mande se o envio for confiável — e-mail de confirmação que cai no spam não ajuda, e aí é melhor não prometer.

Para onde vai a mensagem (e o teste de ponta a ponta)

Este é o item mais importante do artigo. O formulário do seu site não guarda a mensagem num cofre: ele entrega para algum lugar. Normalmente um e-mail, um banco de dados do site, uma planilha, uma ferramenta de atendimento ou o próprio WhatsApp. Se esse destino muda ou quebra, o formulário continua dizendo "enviado" e você para de receber contato sem perceber.

Por que quebra

• O e-mail de destino era do funcionário que saiu, e a conta foi encerrada;
• O provedor de envio passou a exigir autenticação e o site não foi atualizado;
• As mensagens passaram a cair na pasta de spam — e ninguém olha spam;
• Alguém trocou a senha do serviço de envio e o site ficou sem acesso;
• Troca de hospedagem ou de domínio levou embora a configuração de e-mail;
• Falta de manutenção: dependência desatualizada quebrou o envio silenciosamente.

Mudanças de endereço são um dos cenários mais perigosos, porque mexem em tudo de uma vez. Se você for mexer nisso, leia primeiro o artigo sobre migrar site sem perder o Google — e teste o formulário logo depois da migração, não um mês depois.

Como testar de verdade

Teste de ponta a ponta significa fazer o que o cliente faria e conferir se a mensagem chegou na mão de quem atende. O roteiro leva três minutos:

1. Abra o site no celular, em rede de celular (não no Wi-Fi do escritório), como um visitante;
2. Preencha o formulário com dados reais seus e uma mensagem identificável, tipo "teste 26 de outubro";
3. Envie e leia a mensagem de sucesso: ela diz o prazo e o canal?
4. Vá até a caixa de entrada de quem atende e confirme que chegou — inclusive olhando o spam;
5. Confira se os dados chegaram completos e legíveis, com acentuação correta;
6. Responda esse teste como se fosse cliente, para medir também o tempo de resposta real.

Faça isso uma vez por mês e coloque na agenda. Se quiser ser mais seguro, peça que o formulário também grave a mensagem no banco de dados do site, além de mandar e-mail: aí, mesmo que o e-mail falhe, o contato não se perde. Monitoramento e rotina de conferência são parte do que a gente descreve no artigo sobre a importância da manutenção de site.

Proteção contra robô sem atrapalhar gente

Formulário público atrai robô. É só uma questão de tempo até começarem a chegar mensagens em inglês oferecendo serviço de SEO duvidoso. O instinto é instalar o desafio de imagens — aquele que pede para marcar os semáforos. O problema é que esse tipo de desafio também castiga gente de verdade, especialmente quem tem pouca intimidade com tecnologia ou está com pressa no celular.

Ordem de preferência, do menos invasivo ao mais:

• Campo escondido (honeypot). Um campo invisível para humanos: se vier preenchido, era robô. Custa zero ao visitante e elimina boa parte do lixo.
• Tempo mínimo de preenchimento. Robô preenche em menos de um segundo. Descartar envio instantâneo filtra muito.
• Limite de envios por endereço. Cinco mensagens em um minuto do mesmo lugar não é cliente.
• Pergunta simples. "Quanto é 3 + 4?" ainda é melhor que marcar semáforos.
• Desafio automático e invisível. Os serviços modernos de verificação só aparecem em caso de suspeita. Se precisar de desafio, prefira esse formato.
• Desafio de imagem para todos. Último recurso, e só se o volume de spam estiver inviabilizando o atendimento.

Vale também filtrar no destino: regra na caixa de entrada que separa o que chega do formulário em uma pasta própria já organiza bastante, desde que alguém olhe a pasta. E jamais trave o envio por causa de validação exagerada de texto — formulário que recusa a palavra "orçamento" porque tem cedilha existe, e é vergonhoso.

Aviso de privacidade

Você está pedindo nome e telefone: isso é dado pessoal. Um aviso curto ao lado do botão resolve a parte visível: "Usamos seus dados apenas para responder a este contato. Veja a nossa política de privacidade." Linkado para a página de política, que explica em linguagem simples quais dados você coleta, por quanto tempo guarda, com quem compartilha e como a pessoa pede exclusão.

Se o formulário também serve para colocar a pessoa numa lista de novidades, isso precisa ser uma caixa separada, desmarcada, com texto claro. Caixa já marcada não é consentimento, e consentimento misturado com o pedido de orçamento não vale: a pessoa queria um orçamento, não propaganda semanal. O detalhamento prático está no artigo sobre LGPD para pequenas empresas.

Por fim, dois cuidados técnicos: o site precisa estar em HTTPS, com certificado válido, porque dado digitado em página sem criptografia viaja aberto e o navegador avisa o visitante disso; e o painel onde você lê as mensagens precisa de senha forte e acesso restrito.

Alternativa: WhatsApp e telefone clicável

Nem todo visitante quer formulário. Alguns querem falar agora. Oferecer os três caminhos lado a lado — formulário, WhatsApp e telefone — aumenta a chance de a pessoa usar o que ela prefere, em vez de ir embora.

O telefone precisa ser clicável: no celular, um toque abre a chamada. Número escrito em imagem, ou em texto sem link, obriga a pessoa a decorar e digitar. Em HTML é um link com tel: seguido do número, e funciona em qualquer aparelho. Mesma lógica para o endereço, que pode abrir o mapa.

Também vale dizer o horário ao lado do telefone. Ligar e não ser atendido gera mais frustração que não ter telefone no site. Fora do horário, o formulário e o WhatsApp assumem — e é aí que a mensagem de ausência bem escrita salva o contato.

Qual canal converte mais?

Depende do seu público e do tipo de serviço. Serviço urgente (chaveiro, conserto, emergência) converte por telefone e WhatsApp. Projeto com orçamento detalhado converte bem por formulário, porque a pessoa quer escrever com calma. Em vez de adivinhar, meça: conte quantos contatos chegam por cada caminho e compare. Esse acompanhamento, junto com a origem das visitas, é o que separa site decorativo de site que trabalha — tema do artigo sobre site que converte visitantes em clientes e, do lado da busca, de como aparecer no Google.

Checklist final para hoje

• Conte os campos do seu formulário e corte tudo o que não é necessário para responder;
• Confira se cada campo tem rótulo visível acima dele;
• Abra no celular e veja se o teclado numérico aparece no campo de telefone;
• Envie um erro de propósito e veja se a mensagem é clara e se o texto digitado permanece;
• Leia a mensagem de sucesso: ela diz canal e prazo?
• Faça um envio real e confirme a chegada, inclusive no spam;
• Verifique se há aviso de privacidade e se o site está em HTTPS;
• Garanta WhatsApp e telefone clicável ao lado do formulário.

Se algum item falhar e você não souber mexer, peça para quem cuida do site — são ajustes de minutos, não de semanas. Quem está começando o site do zero encontra o passo a passo no nosso guia de criação de site, exemplos reais no portfólio e as dúvidas mais comuns no FAQ. Se preferir que a gente revise o seu formulário, chame a nossa equipe: formulário testado é a parte mais barata de um site e a que mais devolve em contato.

Perguntas frequentes

Quantos campos deve ter um formulário de contato?

Para pedir orçamento, três a quatro campos resolvem: nome, telefone ou WhatsApp, mensagem e, se for útil, o serviço desejado em uma lista curta. Peça só o que você precisa para dar o próximo passo. Informações de cadastro, como CPF e dados de empresa, entram depois, quando houver contrato ou nota.

Por que meu formulário diz "enviado" mas eu não recebo nada?

Porque a tela de sucesso normalmente só confirma que a página recebeu o clique, não que a mensagem chegou ao destino. As causas mais comuns são e-mail de destino desativado, mensagens caindo em spam, senha do serviço de envio trocada ou configuração perdida numa troca de hospedagem. A solução é fazer um envio de teste real todo mês e, de preferência, gravar as mensagens também no banco de dados do site.

Placeholder pode substituir o rótulo do campo?

Não. O placeholder desaparece quando a pessoa começa a digitar, justamente quando ela quer conferir o que preencheu, e leitores de tela não o tratam como rótulo confiável. Use rótulo visível acima do campo e, se quiser, o placeholder apenas como exemplo de formato.

Preciso de captcha no formulário?

Comece sem o desafio de imagens. Um campo escondido que só robô preenche, um tempo mínimo de preenchimento e um limite de envios por endereço eliminam a maior parte do spam sem incomodar visitante nenhum. Se o volume continuar alto, prefira uma verificação invisível, que só aparece em caso de suspeita.

O que a mensagem de sucesso deve dizer?

Quatro coisas: que a mensagem foi recebida, por qual canal você vai responder, em quanto tempo e qual é a alternativa para quem quer resolver agora, normalmente um link de WhatsApp. E ela precisa aparecer onde a pessoa está olhando, não no topo de uma página longa, senão no celular ninguém vê.

Preciso de aviso de privacidade no formulário?

Sim. Uma linha ao lado do botão dizendo que os dados serão usados apenas para responder àquele contato, com link para a política de privacidade, já atende ao essencial. Se você também quiser incluir a pessoa numa lista de novidades, isso precisa de uma caixa separada e desmarcada, com texto claro.