Como conectar o formulário de contato do WordPress no Hostinger ao n8n e receber alertas no WhatsApp

Introdução: Se você usa WordPress hospedado na Hostinger, provavelmente já deseja ser notificado imediatamente quando alguém preenche o formulário de contato do seu site. Integrar esse formulário ao n8n, uma ferramenta de automação visual, e encaminhar as mensagens para o WhatsApp garante respostas rápidas e melhora o relacionamento com visitantes. Neste artigo, vamos mostrar passo a passo como criar essa integração de forma segura e eficiente.

Preparando o ambiente: WordPress, Hostinger e n8n

Antes de iniciar a automação, é essencial garantir que todos os componentes estejam configurados corretamente.

• WordPress na Hostinger: Verifique se o seu site está rodando a versão mais recente do WordPress e se o plugin de formulário (por exemplo, Contact Form 7 ou WPForms) está instalado e ativo.
• Servidor para o n8n: Você pode usar um plano de hospedagem VPS da Hostinger ou um serviço de cloud (DigitalOcean, Render, etc.) para instalar o n8n via Docker. A documentação oficial do n8n oferece uma instalação em poucos minutos.
• Conta Twilio (ou outra API de WhatsApp): Para enviar mensagens ao WhatsApp, será necessário um provedor de API. O Twilio é a escolha mais popular por sua integração direta com o n8n.

Passos iniciais:

1. Crie um diretório /n8n no seu servidor e execute:

docker run -d --name n8n -p 5678:5678 -v ~/.n8n:/root/.n8n n8nio/n8n

2. Acesse http://SEU_IP:5678 e configure um usuário administrador.
3. No WordPress, instale e ative o plugin WP Webhooks. Ele permitirá enviar dados do formulário via POST para o n8n.

Construindo a automação no n8n e enviando alertas ao WhatsApp

Com o ambiente pronto, siga as etapas abaixo para criar o fluxo que captura as submissões do formulário e envia mensagens ao WhatsApp.

1. Adicionar um gatilho HTTP: No editor do n8n, escolha o nó “Webhook”. Copie a URL gerada (ex.: https://seu-dominio.com/webhook/contato) – será o destino que o WordPress enviará os dados.
2. Configurar o WP Webhooks no WordPress: No painel do plugin, crie um novo webhook apontando para a URL do passo anterior. Mapeie os campos do formulário (nome, e‑mail, mensagem) para os parâmetros enviados.
3. Processar os dados: Adicione um nó “Set” para renomear as variáveis e garantir que o texto da mensagem esteja formatado corretamente, por exemplo:

Mensagem: "Novo contato: {{ $json["nome"] }} ({{ $json["email"] }}) escreveu: {{ $json["mensagem"] }}"

4. Integrar com o Twilio: Insira o nó “Twilio” e configure:
   • SID da conta e Token de autenticação.
   • Número de origem (número de telefone Twilio habilitado para WhatsApp).
   • Número de destino (seu celular com WhatsApp).
   • Corpo da mensagem usando a variável criada no nó “Set”.
5. Testar a integração: Envie um teste preenchendo o formulário no seu site. Verifique se o webhook recebeu os dados (nó “Webhook” exibirá a payload) e se a mensagem chegou ao WhatsApp. Ajuste os campos caso necessário.
6. Publicar e ativar: Salve o fluxo e deixe-o ativo. A partir de agora, toda submissão será encaminhada instantaneamente ao seu WhatsApp.

Algumas dicas de otimização:

• Use rate limiting no webhook para evitar sobrecarga caso haja spam.
• Armazene os contatos em uma planilha Google ou banco de dados via n8n para histórico futuro.
• Configure respostas automáticas no WhatsApp usando templates aprovados pela API, proporcionando feedback imediato ao usuário.

Conclusão

Ao combinar WordPress na Hostinger com a automação visual do n8n e a potência da API do WhatsApp, você transforma qualquer submissão de formulário em um alerta instantâneo, melhorando a agilidade no atendimento. Siga os passos descritos, teste minuciosamente e ajuste conforme suas necessidades. Pronto para levar seu site ao próximo nível? Confira os planos Hostinger e comece agora!