Introdução – Se você tem um site hospedado na Hostinger e um banco de dados rodando em um VPS, usar o n8n pode ser a solução mais flexível para automatizar a captura de dados enviados pelos formulários. Neste artigo, vamos mostrar passo a passo a melhor forma de configurar o n8n, criar um fluxo que receba os dados do formulário e os grave de maneira segura no seu banco de dados.
Configurando o n8n no VPS
Antes de conectar o formulário, é essencial que o n8n esteja instalado e operacional no seu VPS. Siga estas etapas para garantir um ambiente estável:
- Instalação via Docker: o método mais rápido e isento de dependências. Execute docker run -d –name n8n -p 5678:5678 n8nio/n8n para iniciar o contêiner.
- Persistência de dados: monte um volume local (ex.: -v /home/usuario/n8n:/root/.n8n) para que suas credenciais e fluxos não se percam ao reiniciar o contêiner.
- Segurança: habilite HTTPS com um proxy Nginx e configure autenticação básica ou OAuth2 para impedir acessos indesejados.
- Variáveis de ambiente: defina DB_TYPE, DB_POSTGRES_DATABASE, DB_POSTGRES_HOST, DB_POSTGRES_USER etc., se for usar um banco PostgreSQL, ou as equivalentes para MySQL.
- Teste de conexão: abra http://seu-ip:5678, faça login e verifique se o painel do n8n carrega sem erros.
Conectando o formulário Hostinger ao fluxo n8n
Com o n8n pronto, o próximo passo é capturar os dados enviados pelo formulário do seu site Hostinger. Existem duas abordagens populares: webhook direto ou integração via API REST.
- Criar um Webhook no n8n: na tela principal, adicione o nó “Webhook”, escolha o método POST e copie a URL gerada (ex.: https://seu-dominio.com/webhook/12345).
- Adicionar o webhook ao formulário: no editor da Hostinger, insira um campo oculto ou configure a ação “Enviar para URL” apontando para a URL do webhook. Certifique‑se de que os nomes dos campos (ex.: name, email, mensagem) correspondam aos esperados no fluxo.
- Processar os dados: adicione um nó “Set” para renomear ou formatar os campos, e use “IF” para validar e‑mails ou campos obrigatórios.
- Inserir no banco de dados: arraste um nó “MySQL” ou “PostgreSQL”, configure a conexão usando as variáveis do passo anterior e escreva a query de inserção (ex.: INSERT INTO contatos (nome, email, mensagem) VALUES ({{$json[“name”]}}, {{$json[“email”]}}, {{$json[“mensagem”]}})).
- Feedback ao usuário: para confirmar o recebimento, adicione um nó “HTTP Response” que retorne um JSON como {“status”:”success”,”message”:”Dados recebidos”}; isso permite exibir uma mensagem de agradecimento no site.
Depois de salvar o fluxo, ative‑o e teste enviando o formulário. Verifique no painel do n8n se o webhook foi acionado e se os registros aparecem no seu banco de dados VPS. Caso haja erros, use o log interno do n8n para depurar rapidamente.
Conclusão – Integrar o n8n ao seu formulário Hostinger e ao banco de dados VPS oferece automação robusta, segurança e escalabilidade. Configurando o n8n via Docker, criando um webhook eficiente e mapeando os campos corretamente, você garante que cada submissão seja armazenada sem esforço manual. Comece agora e descubra todo o potencial dessa integração inteligente.