WhatsApp CTA — Configurador de Automação

Gere o JSON do n8n + visualize a mensagem antes de publicar

📲
Cliente clica
no botão
→
🔗
Meta envia
webhook
→
⚙️
n8n filtra
o evento
→
🛠️
Monta
CTA
→
✅
Envia para
o cliente
⚡

Gatilho: Clique em botão do template

O n8n recebe o webhook da Meta quando o cliente clica em qualquer botão quick reply do seu template. O payload chega com type: "button" e o campo button.payload identifica qual botão foi clicado. Você pode filtrar por payload específico no campo abaixo.

🔑

Credenciais Meta

Tokens da WhatsApp Cloud API

Você escolhe esse valor e configura no Meta Developer Console

🎯

Filtro do Gatilho

Qual botão ativa essa automação

Deve ser igual ao payload configurado no seu template

💬

Mensagem CTA de Resposta

O que o cliente vai receber ao clicar no botão

0 / 60
0 / 1024
0 / 60
0 / 20

💡 Dica: Use {{NOME}} no corpo e ele será substituído automaticamente pelo nome do contato no WhatsApp do cliente.

Como o cliente vai ver

🏢
Sua Empresa
online
Configure a mensagem na aba Configuração →
agora ✓✓
Texto do botão
n8n_whatsapp_cta_flow.json 
// Configure os campos na aba Configuração e clique em "Gerar JSON"
1️⃣

Importe o fluxo no n8n

No n8n, vá em Workflows → Import from JSON e cole o JSON gerado por este configurador. O fluxo já vem com todos os nós conectados.

2️⃣

Configure o Webhook no Meta Developer

Acesse Meta for Developers → WhatsApp → Configuration → Webhooks.

• Callback URL: URL do webhook do n8n (ex: https://seu-n8n.com/webhook/whatsapp-meta-webhook)
• Verify Token: o mesmo valor que você configurou aqui
• Subscriptions: marque messages

3️⃣

Entenda o payload de entrada

Quando o cliente clica no botão do template, a Meta envia este JSON para o n8n:

payload de entrada (Meta → n8n) 
{
  "entry": [{
    "changes": [{
      "value": {
        "metadata": {
          "phone_number_id": "SEU_PHONE_NUMBER_ID"
        },
        "messages": [{
          "from": "5548999999999",
          "type": "button",
          "button": {
            "payload": "saber_mais",
            "text": "Saber mais"
          }
        }]
      }
    }]
  }]
}
4️⃣

Ative o fluxo e teste

1. Ative o workflow no n8n (toggle no canto superior direito)
2. Envie o template para o seu próprio número
3. Clique no botão configurado
4. Em segundos você deve receber a mensagem CTA com o botão clicável

⚠️ Atenção: O n8n precisa estar em uma URL pública com HTTPS para a Meta conseguir enviar os webhooks. Use ngrok para testes locais.

✅ Copiado!