Todos os artigos

Como adicionar um formulário de contato que funciona a um site estático feito com IA

Você pediu à IA um formulário de contato e ela criou um com campos de nome, e-mail e mensagem. Mas quando você ou um visitante clica em “Enviar”, nada acontece, ou aparece um erro. Não é falha da IA. É uma característica básica de sites estáticos, e aqui está como resolver do jeito certo.

Por que um formulário estático não funciona sozinho

Um site estático é feito só de arquivos HTML, exatamente o que as ferramentas de IA geram. Não há servidor por trás executando código para receber o envio, salvá-lo e mandá-lo para o seu e-mail. O formulário parece certo, mas o botão “Enviar” não tem para onde mandar os dados. Para funcionar de verdade, é preciso algo do outro lado para processá-lo.

Antes, isso significava escrever código de servidor (PHP, Node etc.) e manter um servidor. Para quem não é técnico, é um salto enorme. A resposta moderna é um endpoint de formulários, um serviço que faz a parte de receber por você.

A solução simples: um endpoint de formulários

Um endpoint de formulários é um endereço web que aceita os dados do formulário, guarda e avisa você, sem que você precise manter servidor nenhum. Você aponta o formulário para esse endereço e pronto. Muitas hospedagens incluem isso. Na Hostilo, todo site tem um endpoint de formulários embutido, então você não precisa de um serviço separado.

Passo a passo

1. Pegue o código do formulário

Copie um formulário que envia para o endpoint e inclui o token único do seu site. Ele fica assim:

<form action="https://hostilo.app/api_form.php" method="POST">
  <input type="hidden" name="site_token" value="SEU_TOKEN_UNICO">
  <input type="email" name="email" required>
  <textarea name="message" required></textarea>
  <button type="submit">Enviar</button>
</form>

2. Coloque seu token

O site_token é o que liga as mensagens ao seu site. O código pronto, já com o seu token, está no editor do seu site, na aba Configurações. É a única peça que torna o formulário seu.

3. Cole na sua página

Coloque o formulário onde quiser no seu HTML, salve e publique. Pronto: o formulário está no ar e funcionando.

Para onde vão as mensagens?

Quando alguém preenche o formulário, a mensagem chega no seu e-mail e também fica salva no seu painel, então você tem o registro mesmo se um e-mail se perder. Nada de conferir outro serviço: está tudo em um lugar só.

E o spam?

Formulários públicos atraem robôs de spam. Um bom endpoint tem um honeypot: um campo invisível que pessoas nunca preenchem, mas robôs sim. Se o honeypot vier preenchido, o envio é descartado em silêncio. Isso bloqueia a maior parte do spam automático sem incomodar seus visitantes com captchas.

Perguntas frequentes

Preciso saber programar para adicionar um formulário que funcione?
Não. Você cola um trecho de código e adiciona seu token. Sem backend, sem servidor, sem escrever código.

Posso personalizar a aparência do formulário?
Sim. É HTML normal: estilize como quiser ou mantenha o design da IA. Só a URL do action e o campo oculto do token precisam ficar.

Vou receber as mensagens por e-mail?
Sim. As mensagens chegam por e-mail e também ficam salvas no painel como cópia de segurança.

Como o spam é tratado?
Um campo honeypot embutido identifica e bloqueia automaticamente a maioria dos robôs, então você não precisa de captcha.