{"url":"https://www.spartanti.com.br/blog/formulario-de-contato-que-funciona","titulo":"Formulário de contato que funciona (e os erros que afastam cliente)","resumo":"Quantos campos usar, rótulo em vez de placeholder, teclado certo no celular, validação amigável e o teste de ponta a ponta que descobre formulário que nunca chega.","categoria":"Conversão","publicado_em":"2026-10-26","atualizado_em":"2026-10-26","autor":"Spartan TI","markdown":"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.\n\nPior 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.\n\nEste 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.\n\n## Quantos campos: cada campo a mais custa contato\n\nNã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.\n\nA 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.\n\n| Campo | Precisa mesmo? | Por quê |\n| --- | --- | --- |\n| Nome | Sim | Para começar a conversa pelo nome |\n| Telefone ou WhatsApp | Sim | É por onde você vai responder de verdade |\n| Mensagem | Sim | Diz o que a pessoa quer, sem você adivinhar |\n| E-mail | Depende | Útil para enviar proposta; opcional se já tem telefone |\n| CPF, empresa, cargo | Não | Só quando houver contrato; aqui só afasta |\n\nDois 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.\n\n### O campo \"assunto\" com lista de opções\n\nUma 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.\n\n*Imagem: Checklist com oito itens do formulário de contato: poucos campos, rótulo visível acima do campo, tipo de campo certo para o teclado do celular e aviso de privacidade marcados como prontos; validação amigável, mensagem de sucesso com próximo passo, teste de ponta a ponta mensal e alternativa de WhatsApp e telefone clicável marcados como pendentes — O item que mais custa dinheiro é o teste de ponta a ponta: é ele que descobre o formulário que diz enviado e nunca chega a ninguém.*\n\n## Rótulo claro em vez de placeholder\n\nPlaceholder é 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.\n\nRó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\".\n\nHá 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.\n\nUse o placeholder para dar exemplo, não para substituir o rótulo. Rótulo: \"Seu WhatsApp com DDD\". Placeholder: \"(27) 99999-9999\". Os dois juntos, e ninguém fica perdido.\n\n## O teclado certo no celular\n\nA 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.\n\nEm 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:\n\n  - **Telefone:** `type=\"tel\"` — teclado numérico;\n\n  - **E-mail:** `type=\"email\"` — teclado com arroba e sem maiúscula automática;\n\n  - **Número (quantidade, metragem):** `inputmode=\"numeric\"`;\n\n  - **Mensagem longa:** uma área de texto de verdade, com altura suficiente para três linhas;\n\n  - **CEP:** numérico, e de preferência preenchendo endereço sozinho depois.\n\nDois 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.\n\n### Tamanho do toque\n\nCampo 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.\n\n## Validação amigável\n\nValidar é 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.\n\nValidação amigável tem quatro características:\n\n  1. **Aponta o campo certo.** A mensagem aparece embaixo do campo com problema, não no topo da página.\n\n  2. **Explica em português.** \"Digite o DDD e o número, como (27) 99999-9999\" ensina. \"Campo inválido\" acusa.\n\n  3. **Não apaga o que foi digitado.** Nunca. Perder o texto escrito é o motivo número um de abandono depois do erro.\n\n  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.\n\nVale 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.\n\n## A mensagem de sucesso que diz o próximo passo\n\n\"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:\n\n*\"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.\"*\n\nRepare 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](https://www.spartanti.com.br/blog/whatsapp-business-para-empresas).\n\nDetalhe 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.\n\n### E o e-mail automático de confirmação?\n\nÉ 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.\n\n## Para onde vai a mensagem (e o teste de ponta a ponta)\n\nEste é 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.\n\n### Por que quebra\n\n  - O e-mail de destino era do funcionário que saiu, e a conta foi encerrada;\n\n  - O provedor de envio passou a exigir autenticação e o site não foi atualizado;\n\n  - As mensagens passaram a cair na pasta de spam — e ninguém olha spam;\n\n  - Alguém trocou a senha do serviço de envio e o site ficou sem acesso;\n\n  - Troca de hospedagem ou de domínio levou embora a configuração de e-mail;\n\n  - Falta de manutenção: dependência desatualizada quebrou o envio silenciosamente.\n\nMudanç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](https://www.spartanti.com.br/blog/migrar-site-sem-perder-o-google) — e teste o formulário logo depois da migração, não um mês depois.\n\n### Como testar de verdade\n\nTeste 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:\n\n  1. Abra o site no celular, em rede de celular (não no Wi-Fi do escritório), como um visitante;\n\n  2. Preencha o formulário com dados reais seus e uma mensagem identificável, tipo \"teste 26 de outubro\";\n\n  3. Envie e leia a mensagem de sucesso: ela diz o prazo e o canal?\n\n  4. Vá até a caixa de entrada de quem atende e confirme que chegou — inclusive olhando o spam;\n\n  5. Confira se os dados chegaram completos e legíveis, com acentuação correta;\n\n  6. Responda esse teste como se fosse cliente, para medir também o tempo de resposta real.\n\nFaç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](https://www.spartanti.com.br/blog/manutencao-de-site-importancia).\n\nFormulário sem teste é como telefone fora do gancho: parece que está tudo normal, e ninguém consegue falar com você. Antes de investir em anúncio, teste o formulário. Não há nada mais caro que pagar por visita que tenta falar com você e não consegue.\n\n## Proteção contra robô sem atrapalhar gente\n\nFormulá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.\n\nOrdem de preferência, do menos invasivo ao mais:\n\n  - **Campo escondido (honeypot).** Um campo invisível para humanos: se vier preenchido, era robô. Custa zero ao visitante e elimina boa parte do lixo.\n\n  - **Tempo mínimo de preenchimento.** Robô preenche em menos de um segundo. Descartar envio instantâneo filtra muito.\n\n  - **Limite de envios por endereço.** Cinco mensagens em um minuto do mesmo lugar não é cliente.\n\n  - **Pergunta simples.** \"Quanto é 3 + 4?\" ainda é melhor que marcar semáforos.\n\n  - **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.\n\n  - **Desafio de imagem para todos.** Último recurso, e só se o volume de spam estiver inviabilizando o atendimento.\n\nVale 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.\n\n## Aviso de privacidade\n\nVocê 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.\n\nSe 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](https://www.spartanti.com.br/blog/lgpd-para-pequenas-empresas).\n\nPor 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.\n\n## Alternativa: WhatsApp e telefone clicável\n\nNem 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.\n\nO 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.\n\nTambé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.\n\n### Qual canal converte mais?\n\nDepende 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](https://www.spartanti.com.br/blog/site-que-converte-em-clientes) e, do lado da busca, de [como aparecer no Google](https://www.spartanti.com.br/blog/como-aparecer-no-google).\n\n## Checklist final para hoje\n\n  - Conte os campos do seu formulário e corte tudo o que não é necessário para responder;\n\n  - Confira se cada campo tem rótulo visível acima dele;\n\n  - Abra no celular e veja se o teclado numérico aparece no campo de telefone;\n\n  - Envie um erro de propósito e veja se a mensagem é clara e se o texto digitado permanece;\n\n  - Leia a mensagem de sucesso: ela diz canal e prazo?\n\n  - Faça um envio real e confirme a chegada, inclusive no spam;\n\n  - Verifique se há aviso de privacidade e se o site está em HTTPS;\n\n  - Garanta WhatsApp e telefone clicável ao lado do formulário.\n\nSe 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](https://www.spartanti.com.br/guia), exemplos reais no [portfólio](https://www.spartanti.com.br/portfolio) e as dúvidas mais comuns no [FAQ](https://www.spartanti.com.br/faq). Se preferir que a gente revise o seu formulário, [chame a nossa equipe](https://www.spartanti.com.br/#contact): formulário testado é a parte mais barata de um site e a que mais devolve em contato.\n\n## Perguntas frequentes\n\n### Quantos campos deve ter um formulário de contato?\n\nPara 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.\n\n### Por que meu formulário diz \"enviado\" mas eu não recebo nada?\n\nPorque 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.\n\n### Placeholder pode substituir o rótulo do campo?\n\nNã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.\n\n### Preciso de captcha no formulário?\n\nComece 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.\n\n### O que a mensagem de sucesso deve dizer?\n\nQuatro 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ê.\n\n### Preciso de aviso de privacidade no formulário?\n\nSim. 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."}