Como conectar o n8n ao formulário de contato da Hostinger e receber notificações no WhatsApp

Neste artigo, você vai aprender passo a passo como integrar o serviço de automação n8n ao formulário de contato da Hostinger e, em seguida, enviar alertas instantâneos para o WhatsApp. Acompanhe cada etapa, descubra dicas práticas e garanta que nenhuma mensagem de cliente passe despercebida.

Configurando o formulário de contato na Hostinger

Antes de qualquer integração, é preciso que o formulário da sua página esteja ativo e pronto para coletar os dados dos visitantes.

• Acesse o painel da Hostinger e selecione o site onde o formulário será inserido.
• Crie um novo formulário usando o construtor integrado: escolha os campos (nome, e‑mail, mensagem) e configure os requisitos de validação.
• Defina o método de envio como POST para que os dados sejam encaminhados para uma URL externa.
• Ative a opção “Webhook” e copie a URL que será gerada – ela será substituída pela URL do webhook do n8n que criaremos a seguir.
• Teste o formulário preenchendo os campos e verificando se os dados chegam ao endpoint temporário (por exemplo, https://webhook.site).

Com o formulário pronto e a URL do webhook anotada, você já tem a base para conectar o n8n e transformar cada envio em uma mensagem de WhatsApp.

Integrando n8n ao formulário e enviando mensagens ao WhatsApp

O n8n é uma ferramenta de automação visual que permite criar fluxos sem escrever código. Siga os passos abaixo para configurar a integração completa.

• Crie uma conta no n8n (ou acesse seu workspace existente) e abra o editor de fluxos.
• Adicione um nó “Webhook”:
  • Defina o método como POST e copie a URL gerada pelo n8n.
  • Volte ao painel da Hostinger e substitua a URL do webhook pelo endereço do n8n.
• Insira um nó “Set” para reorganizar os campos recebidos (ex.: nome, e‑mail, mensagem) e garantir que o conteúdo fique legível.
• Configure o nó “WhatsApp” (ou use a API do Twilio/360dialog):
  • Credenciais: insira o Account SID, Auth Token e número de telefone autorizado.
  • No campo “Message”, crie a mensagem usando variáveis do formulário, como {{ $json[“nome”] }} e {{ $json[“mensagem”] }}.
  • Defina o número de destino (ex.: seu celular ou o número da equipe de suporte).
• Teste o fluxo enviando um contato pelo formulário da Hostinger; o n8n deve receber o webhook, processar os dados e disparar a mensagem no WhatsApp imediatamente.
• Ative o fluxo e habilite a opção de “executar em produção” para garantir que cada novo contato acione a notificação sem intervenção manual.

Com esses nós configurados, você tem uma automação completa: cada submissão no site gera um alerta instantâneo no WhatsApp, permitindo respostas rápidas e melhorando o atendimento ao cliente.

Conclusão

Integrações como a entre n8n, Hostinger e WhatsApp transformam simples formulários em poderosas ferramentas de comunicação. Seguindo os passos descritos, você automatiza a captura de leads, reduz o tempo de resposta e aumenta a satisfação dos visitantes. Comece agora mesmo, teste o fluxo e aproveite os benefícios da automação inteligente.

Acesse a Hostinger e descubra mais recursos que podem potencializar seu site: https://www.hostinger.com/br?REFERRALCODE=CUPOM20DESCONTO