# Como criar um formulário no site Hostinger que dispara um workflow no n8n para armazenar leads e enviar e‑mail de boas‑vindas
**Introdução**
Você tem um site hospedado na Hostinger e deseja transformar cada visita em oportunidade de negócio? Neste artigo, vamos mostrar passo a passo como criar um formulário de captura de leads, conectá‑lo ao n8n e automatizar tanto o armazenamento dos dados quanto o envio de um e‑mail de boas‑vindas. Em apenas alguns minutos, você terá uma solução completa, sem precisar de conhecimento avançado em programação.
## Configurando o formulário no Hostinger
1. **Criar a página ou seção do formulário**
– Acesse o **hPanel** da Hostinger e escolha o “Construtor de Sites”.
– Se preferir usar HTML puro, vá em “Arquivos → Gerenciador de Arquivos” e abra o arquivo `index.html` (ou outro onde o formulário será inserido).
2. **Inserir o código do formulário**
“`html
“`
– **Dica:** deixe o atributo `action` vazio; o envio será tratado via **JavaScript** para chamar o webhook do n8n.
3. **Adicionar script JavaScript para chamada ao webhook**
“`html
“`
– Substitua `https://seu-domínio.n8n.cloud/webhook/leads` pelo URL do webhook que será criado no próximo capítulo.
## Criando o workflow no n8n
1. **Instalar ou acessar o n8n**
– Caso ainda não tenha uma conta, registre‑se em [n8n.io](https://n8n.io) ou implante a solução em um contêiner Docker na própria Hostinger (há planos de VPS que permitem isso).
2. **Adicionar o nó “Webhook”**
– Clique em **+ Add Node** → **Webhook**.
– Defina o método como **POST** e copie a URL gerada; ela será usada no script JavaScript acima.
3. **Armazenar o lead**
– Adicione um nó **Google Sheets**, **Airtable** ou **MySQL** (dependendo da sua base de dados).
– Mapeie os campos `{{ $json.nome }}` e `{{ $json.email }}` para as colunas correspondentes.
4. **Enviar e‑mail de boas‑vindas**
– Insira um nó **E‑mail** (SMTP ou SendGrid).
– No campo “To”, use `{{ $json.email }}`.
– No assunto, algo como **“Bem‑vindo(a) à nossa comunidade!”**.
– No corpo, personalize com o nome do lead:
“`html
Olá {{ $json.nome }},
Obrigado por se inscrever. Estamos felizes em tê‑lo(a) conosco!
“`
5. **Conectar os nós e ativar**
– Ligue o nó **Webhook → Armazenar → Enviar e‑mail**.
– Clique em **Save** e depois em **Activate**. A partir de agora, toda submissão do formulário será processada automaticamente.
## Conclusão
Implementar um formulário no site Hostinger que dispara um workflow no n8n é mais simples do que parece: basta criar a página, incluir um pequeno script JavaScript e configurar um fluxo de automação que armazene o lead e envie a mensagem de boas‑vindas. Essa integração elimina etapas manuais, garante respostas imediatas e aumenta a taxa de conversão. Experimente hoje mesmo, teste o fluxo e veja a diferença na geração de leads qualificados.
**Pronto para transformar seu site em uma máquina de captura de leads?** Acesse agora a Hostinger e aproveite o plano ideal para seu negócio: