Ter um site bonito é só metade do caminho. Se o visitante gosta do que vê mas não encontra um jeito fácil de falar com você, ele fecha a página e vai embora. O formulário de contato é justamente a ponte entre a visita e o cliente, e neste tutorial você vai adicionar um formulário completo ao seu site usando IA, em apenas três passos.
E não é um formulário qualquer. Quando alguém preenche, acontece tudo de uma vez: os dados chegam no seu e-mail, o cliente recebe uma confirmação automática, o contato é salvo numa planilha do Google e ainda aparece um botão para a pessoa continuar a conversa pelo WhatsApp. É o tipo de estrutura que muita gente paga caro para ter, e você vai montar sozinha.
O mapa abaixo organiza esse processo. No primeiro passo você copia um prompt que já deixei pronto e cola no ChatGPT junto com os arquivos do seu site. Esse prompt orienta a IA a analisar o seu layout e encaixar o formulário usando as suas cores, as suas fontes e o mesmo estilo dos seus botões, para que ele entre no site sem parecer um remendo colado por cima.
No segundo passo você baixa uma pasta de arquivos que preparei, que é a base técnica do envio de e-mail e da conexão com a planilha. É só clicar no botão e o download começa no seu computador. E no terceiro passo você sobe tudo de volta para a hospedagem, configura o e-mail e faz um teste para ver o formulário funcionando de verdade.
Uma observação antes de começar: preencha com atenção os campos entre colchetes do prompt, como o seu domínio, os seus e-mails e o seu WhatsApp. É a partir dessas informações que a IA monta o formulário certo para o seu negócio. Vá abrindo cada passo do mapa e acompanhe junto com o vídeo.
Como criar um formulário de contato com IA
Adicione ao seu site um formulário que envia por e-mail, WhatsApp e planilha, em 3 passos.
O prompt pede para a IA manter as suas cores, fontes e botões. Por isso o formulário não fica com cara de remendo: ele entra no site como se sempre tivesse feito parte dele.
Seguindo esses três passos, o seu site deixa de ser só uma vitrine e passa a captar contatos de verdade, com cada mensagem organizada no seu e-mail e na sua planilha. Você para de perder cliente por causa de um formulário que não funciona ou de um contato que se perdeu no meio do caminho.
Vale reforçar o ponto mais sensível de todo esse processo, que é a segurança. A senha do seu e-mail nunca pode ficar dentro de um arquivo que qualquer pessoa consegue abrir pelo navegador. Por isso o prompt separa essa informação num arquivo de configuração próprio, longe do HTML e do JavaScript. Quando você for configurar na hospedagem, confira se essa senha está só nesse arquivo protegido, e faça o teste de envio antes de divulgar o formulário para os seus clientes.
Para o formulário funcionar, o seu site precisa estar numa hospedagem que rode PHP e que tenha e-mail próprio, que é o que faz as mensagens saírem pelo servidor. Eu uso e recomendo a Hostinger nos meus projetos por causa disso: o painel já vem com tudo pronto, a criação de e-mail é simples e o suporte responde em português quando você trava em algum passo. Deixei um link com desconto especial para quem acompanha o canal, e o desconto já vem aplicado quando você clica:
👉 Contratar a Hostinger com desconto
Se você faz sites para clientes, esse formulário é um baita diferencial para cobrar mais caro em cada projeto. Entregar um site que capta contato, dispara e-mail automático e ainda organiza tudo numa planilha mostra um nível de profissionalismo que poucos oferecem. No Kit Web Designer eu reuni os recursos que uso para acelerar entregas assim no meu dia a dia.
Se este tutorial te ajudou, se inscreve no canal e deixa nos comentários se você conseguiu integrar o formulário no seu site. Suas dúvidas viram tema de vídeo aqui no canal.
