Como adicionar um formulário de contato ao seu site (passo a passo)

Se você toca uma equipe de telhados, uma loja de ar-condicionado, um serviço de limpeza, ou qualquer negócio local, o jeito mais rápido de transformar um visitante do site num trabalho é facilitar que ele fale com você. Isso normalmente significa um formulário de contato. Este guia cobre como adicionar um formulário de contato ao seu site em passos simples, e, igualmente importante, como garantir que as mensagens que as pessoas mandam de fato caiam na sua caixa de entrada e sejam respondidas.

A maioria dos artigos sobre o tema para em "escolha um criador de formulário e cole o código de incorporação". Essa é a parte fácil. A parte que decide se você ganha o trabalho é o que acontece depois que alguém clica em enviar: para onde a mensagem vai, quão rápido você a vê, e se o spam enterra os contatos de verdade. Vamos cobrir a cadeia toda, não só a caixinha bonita na página.

O que um formulário de contato de fato faz

Um formulário de contato é um pequeno conjunto de campos no seu site (normalmente nome, telefone, e-mail e uma mensagem) que um visitante preenche. Quando ele envia, os dados são mandados para você, normalmente como um e-mail ou uma entrada salva num painel. Comparado a só publicar o seu e-mail na página, um formulário faz três coisas úteis:

Ele esconde o seu e-mail de robôs que raspam sites em busca de endereços para spam.
Ele pede às pessoas os dados exatos de que você precisa, para você não ficar atrás delas por um telefone ou o endereço.
Ele dá a cada contato o mesmo formato, o que os torna mais fáceis de acompanhar e retornar.

Para um negócio de serviços residenciais, um formulário raramente é o único jeito pelo qual você quer que as pessoas falem com você. Muitos clientes com uma emergência (um telhado vazando, sem aquecimento em janeiro) querem ligar, não digitar. Então pense no formulário como uma faixa, e um telefone claramente visível como a outra. Você precisa das duas.

As quatro formas de adicionar um formulário de contato

Não existe um único método "certo". Escolha o que combina com como o seu site é construído e com o quão confortável você está com passos técnicos.

1. Um criador de formulário sem código (mais fácil para a maioria dos donos)

Ferramentas como Jotform, Zoho Forms e criadores parecidos deixam você arrastar campos para o lugar, depois te entregam um trecho de código de incorporação para colar na sua página. Você não toca num servidor nem escreve código nenhum. Os envios caem no painel da ferramenta e podem ser enviados por e-mail para você. Este é o melhor ponto de partida se você não é técnico, porque o criador cuida do encanamento (entrega, armazenamento, filtragem de spam) por você.

2. O formulário embutido do seu criador de site

Se o seu site está no Wix, Squarespace, WordPress ou uma plataforma parecida, ele quase certamente tem um elemento de formulário nativo. No Squarespace ou Wix você solta um bloco de formulário na página e edita os campos ali mesmo. No WordPress, um plugin como WPForms, Gravity Forms ou Formidable adiciona um formulário que você insere com um shortcode. A vantagem aqui é que o formulário combina com o design do seu site automaticamente e não há nada extra para acessar.

3. Um serviço de endpoint de formulário (para um site HTML sob medida)

Se o seu site é HTML feito na mão sem backend, um formulário simples vai parecer bem mas não fazer nada quando enviado, porque uma página estática não consegue processar dados. Serviços como Formcarry, Formspree ou Basin resolvem isso. Você cola a URL única deles no atributo action do seu formulário, e eles recebem o envio, te mandam por e-mail, e guardam uma cópia. Isso te livra de ter que escrever ou hospedar qualquer código de servidor.

4. Totalmente sob medida (só se você tem um desenvolvedor)

Escrever o seu próprio backend em PHP, Node ou similar te dá controle total mas significa que você é responsável por entrega, armazenamento, spam e segurança. Para um negócio local, isso quase nunca vale o tempo e a manutenção contínua. Recorra a uma das três primeiras opções em vez disso.

Passo a passo: adicionando o formulário

Aqui está a sequência que funciona independentemente de qual método acima você escolheu.

Decida os campos. Mantenha curto. Para um negócio de serviços, nome, número de telefone, e-mail e uma caixa de mensagem já cobrem. Um menu curto de "com o que você precisa de ajuda" (por exemplo: reparo, troca, orçamento) te ajuda a triar mais rápido.
Construa ou selecione o formulário na sua ferramenta escolhida e dê a cada campo um rótulo claro.
Conecte para onde os envios vão. Defina o endereço de e-mail de destino, e se a ferramenta oferecer, conecte também um painel ou planilha para você ter uma cópia de reserva.
Adicione proteção contra spam (coberta em detalhe abaixo).
Coloque o formulário na página. Cole o código de incorporação ou solte o bloco de formulário. Uma página de Contato dedicada é o padrão, mas considere também um formulário curto perto do fim da sua página inicial e das suas páginas de serviço para as pessoas não terem que procurá-lo.
Teste você mesmo antes de contar a alguém. Envie uma entrada de verdade e confirme que o e-mail chega.

Um formulário que você não testou não é um formulário. É um chute. Mande a você mesmo pelo menos um envio de verdade do seu celular antes de considerar o trabalho pronto.

O erro que mais custa: campos que ninguém preenche

Cada campo extra que você adiciona diminui o número de pessoas que terminam o formulário. Pedir um endereço postal, um nome de empresa, uma faixa de orçamento e um menu de "como você ouviu falar da gente" parece minucioso, mas cada um é mais um motivo para desistir. Pesquisas sobre design de formulário mostram de forma consistente que formulários mais curtos convertem melhor, e o conjunto essencial é pequeno: um jeito de identificar a pessoa e um jeito de falar com ela.

Para um negócio local de serviços, o campo mais valioso é o número de telefone, porque você pode fechar um trabalho numa ligação em vez de uma troca de e-mails lenta. Se você só mantiver três campos, faça-os nome, telefone e mensagem.

Barrando spam sem punir clientes de verdade

Uma vez que o seu formulário está público, os robôs vão achá-lo e mandar lixo. Se você não se planejar para isso, a sua caixa de entrada enche de lixo e você começa a ignorar os e-mails do formulário, que é como os contatos de verdade são perdidos. Algumas defesas, mais ou menos em ordem de o quão pouco elas incomodam visitantes de verdade:

Campo honeypot: um campo escondido que os humanos nunca veem mas os robôs preenchem. Se ele é preenchido, o envio é lixo e é descartado. A maioria das ferramentas de formulário inclui isso e é invisível para os seus clientes.
Filtragem de spam embutida: serviços de formulário respeitáveis pontuam os envios e silenciosamente bloqueiam o spam óbvio. Este é um motivo para usar uma ferramenta hospedada em vez de fazer a sua própria.
CAPTCHA como último recurso: o desafio de "clique para provar que você é humano" funciona, mas adiciona atrito e pode te custar contatos de verdade, especialmente no celular. Ligue-o só se o honeypot mais a filtragem não bastarem. As versões "invisíveis" modernas que rodam em segundo plano são menos dolorosas do que os antigos quebra-cabeças de imagem.

Comece com um honeypot e a filtragem embutida da sua ferramenta. Adicione um CAPTCHA só se o spam ainda estiver passando.

Garanta que você de fato veja a mensagem (notificações e entregabilidade)

Este é o passo que quase todo guia pula, e é onde os trabalhos silenciosamente desaparecem. Um envio que fica sem ser visto por dois dias é pior do que não ter formulário nenhum, porque o cliente acha que você o ignorou.

Configure uma notificação instantânea por e-mail para um endereço que você checa o tempo todo, idealmente um que empurra para o seu celular. Para muitos donos um alerta por mensagem ou push bate o e-mail por completo.
Vigie a sua pasta de spam por uma semana depois de lançar. As notificações de formulário às vezes são sinalizadas pelo seu próprio provedor de e-mail. Marque-as como "não é spam" e adicione o remetente aos seus contatos para as futuras passarem.
Use um endereço de remetente real. Se as suas notificações vêm de um endereço genérico de não-responda na ferramenta de formulário, elas têm mais chance de ser filtradas. Onde a ferramenta permite, defina o responder-para como o e-mail do cliente para você poder responder em um toque.
Mande uma resposta automática ao cliente. Um curto "Obrigado, recebemos a sua mensagem e vamos te ligar em até um dia útil" o tranquiliza e te compra um pouco de tempo. Confirme que essa resposta automática está de fato sendo enviada durante o seu teste.

A rapidez importa mais do que a maioria dos donos percebe. Um visitante que preenche o seu formulário muitas vezes está preenchendo o formulário de dois ou três concorrentes na mesma sentada. O negócio que responde primeiro normalmente ganha o trabalho, então trate um novo envio de formulário como um telefone tocando.

Não esqueça o celular

Mais da metade das buscas locais acontece num celular, então a maioria das pessoas vai encontrar o seu formulário numa tela pequena. Antes de dar por pronto, abra o seu próprio site no seu celular e tente enviar o formulário:

Os campos são grandes o bastante para tocar sem dar zoom?
O teclado mostra números quando eles tocam no campo de telefone?
O botão de enviar é fácil de alcançar com um polegar?
Uma confirmação clara aparece depois de enviar, para eles saberem que funcionou?

Um formulário que é irritante no celular é um formulário que a maioria dos seus visitantes vai abandonar.

Onde um site feito para você se encaixa

Se configurar tudo isso você mesmo soa como um monte de pequenas decisões para acertar, é uma reação justa, porque é. Esta é uma área em que a Saynovo toma um caminho diferente: quando ela constrói o primeiro rascunho de site de um negócio local, o site já vem com um formulário de contato funcionando e um número de tocar para ligar conectados e apontados para o dono, então não há um criador separado para configurar, nenhum endpoint para conectar, e nenhum botão de enviar morto para descobrir depois. Se você quer o campo de mensagem mais longo ou o telefone movido para o topo, você diz ao site em palavras simples e ele muda. O caminho de captação de contatos é tratado como parte central do primeiro rascunho, não um enfeite que você monta depois.

Qual método é certo para você

Para escolher sem pensar demais:

Você usa Wix, Squarespace ou WordPress: use o formulário embutido ou um plugin bem avaliado. Ele combina com o seu design e não há nada extra para gerenciar.
Você não é técnico e quer o mínimo de trabalho: use um criador sem código hospedado como Jotform ou Zoho Forms e deixe-o cuidar da entrega e do spam.
Você tem um site HTML simples: adicione um serviço de endpoint de formulário para o seu formulário de fato processar os envios.
Você quer o formulário resolvido para você como parte do site inteiro: uma plataforma feita para você que entrega o caminho de contato e de ligação no primeiro rascunho te poupa a configuração por completo.

O que você escolher, a linha de chegada é a mesma: um formulário curto, spam barrado, uma notificação instantânea que você de fato vai ver, um telefone visível ao lado, e uma resposta rápida. Acerte essa cadeia e o seu site deixa de ser um folheto e passa a fechar trabalho.

Quer se aprofundar em transformar visitantes em ligações? Veja o nosso guia sobre o que todo site de negócio local precisa e por que o seu site não está gerando contatos.