Um formulário de contato parece simples, mas é um dos pontos em que mais se perde cliente por pequenos deslizes: campo demais, mensagem que nunca chega, spam que lota a caixa de entrada. Veja como montar um formulário que funcione, proteja você e respeite quem preencheu.
Escolha o método
Há três caminhos principais, do mais fácil ao mais técnico:
- Plugin ou construtor de site: no WordPress existem plugins de formulário, e construtores como o Wix já trazem o recurso pronto. Você monta arrastando campos e define para qual e-mail vai a mensagem.
- Serviço de formulários: plataformas que recebem os dados do seu formulário HTML e os enviam por e-mail ou guardam num painel. Úteis para sites estáticos, sem servidor próprio. O Google Forms, incorporado à página, também resolve para casos simples.
- HTML com back-end próprio: você escreve o formulário e um programa no servidor recebe e trata os dados. É mais trabalhoso, dá controle total e exige cuidados de segurança.
Se o seu site é novo e simples, comece pelo primeiro ou pelo segundo.
Defina os campos
Menos é mais. Cada campo extra afasta gente. Para contato geral, normalmente bastam:
- Nome
- E-mail (ou telefone, se a resposta for por ligação ou WhatsApp)
- Mensagem
Para orçamentos, acrescente o que realmente altera a resposta, como tipo de serviço ou cidade. Evite pedir CPF, endereço completo e outros dados que você não precisa naquele momento. Quanto menos dados, menor o risco e a responsabilidade.
Monte o formulário com boas práticas
Em HTML, um formulário usa a tag form, com o método POST e o endereço que vai receber os dados, além dos campos input, textarea e um botão de envio. Para ficar bom:
- Rótulos visíveis (label): cada campo deve ter um texto descritivo ligado a ele. Isso ajuda quem usa leitor de tela e aumenta a área de clique. Não use apenas o texto de exemplo dentro do campo como rótulo.
- Tipo certo de campo: use o tipo e-mail e o tipo telefone, para o celular mostrar o teclado correto e o navegador validar o formato.
- Campos obrigatórios: marque com o atributo required só o que for indispensável.
- Preenchimento automático: o atributo autocomplete deixa o navegador sugerir nome e e-mail.
- Botão com texto claro: “Enviar mensagem” é melhor do que “OK”.
- Layout para o celular: campos largos e botões fáceis de tocar. Veja site responsivo.
Se você ainda está aprendendo a escrever essas tags, o guia de HTML e CSS do zero mostra a base.
Proteja contra spam
Assim que o formulário vai ao ar, robôs começam a preenchê-lo. Medidas combinadas funcionam melhor:
- Campo-armadilha (honeypot): um campo escondido por CSS que humanos não veem. Se vier preenchido, é robô, e a mensagem é descartada.
- Desafio anti-robô: serviços como o reCAPTCHA, o hCaptcha e o Turnstile da Cloudflare verificam se quem envia é uma pessoa. Alguns são discretos, sem pedir que você identifique imagens.
- Limite de envios: bloqueie muitos envios seguidos do mesmo visitante.
- Validação no servidor: nunca confie apenas na validação do navegador, que pode ser contornada. Confira os dados de novo onde eles são recebidos.
- Filtro de links e palavras suspeitas, se a ferramenta permitir.
Faça o e-mail chegar
Um problema muito comum: o formulário mostra “enviado com sucesso”, mas a mensagem nunca aparece ou vai para o spam. Para evitar:
- Use SMTP autenticado ou um serviço de envio de e-mails em vez do envio padrão do servidor.
- Envie a partir do seu domínio (como contato@seusite.com.br) e configure os registros SPF e DKIM no DNS, que provam que o servidor está autorizado a enviar em nome do domínio. Entenda o painel de DNS em domínio, hospedagem e DNS.
- Guarde uma cópia das mensagens no painel do plugin ou do serviço, caso o e-mail falhe.
- Teste de verdade com um e-mail seu, em provedores diferentes, e confira a caixa de spam.
Mensagem de confirmação
Depois do envio, mostre uma confirmação clara na tela (“Recebemos sua mensagem e respondemos em até dois dias úteis”, se for verdade) ou redirecione para uma página de agradecimento. Quem não sabe se enviou, envia de novo. Evite prometer prazos que você não consegue cumprir.
LGPD no formulário
A Lei Geral de Proteção de Dados vale para quem coleta dados pessoais, e nome e e-mail entram na conta. Em termos práticos:
- Explique o uso: perto do botão, informe para que os dados serão usados, por exemplo para responder ao contato.
- Link para a política de privacidade com quem é o responsável, quais dados coleta, por quanto tempo guarda e como pedir exclusão.
- Separe o contato do marketing: se quiser enviar e-mails de divulgação, use uma caixa de seleção própria e desmarcada, com o consentimento claro.
- Guarde só o necessário e por tempo limitado.
- Proteja o acesso às mensagens com senha forte e verificação em duas etapas.
Esta é uma orientação geral. Para o seu negócio, consulte um advogado ou especialista em proteção de dados.
Acessibilidade e teste final
Teste o formulário navegando só com o teclado (Tab para avançar, Enter para enviar). Confira se as mensagens de erro dizem o que corrigir e se aparecem perto do campo. Teste no celular, com conexão lenta, e com campos vazios, e-mail inválido e texto longo.
O que fazer agora
Escolha o método mais simples para o seu site, mantenha três campos, configure o antispam e o envio autenticado, adicione o aviso de privacidade e faça um teste completo. Se o formulário faz parte de uma página de captação, veja também como montar uma landing page.