Resep: Membangun Bot WhatsApp dengan n8n

Panduan ini akan membantu Anda membangun chatbot WhatsApp otomatis tanpa menulis kode, menggunakan n8n workflow automation dan Kirem node. Bot akan menerima pesan masuk, mencocokkan kata kunci, dan membalas secara otomatis.

🎯 Yang Akan Anda Capai

Setelah mengikuti panduan ini:

• Bot WhatsApp yang dapat menerima pesan pelanggan secara real-time
• Balasan otomatis berdasarkan kata kunci (misal: "Halo" → pesan sambutan)
• Workflow visual yang dapat dikustomisasi tanpa coding

📋 Prasyarat

Sebelum memulai, pastikan Anda memiliki:

• n8n instance — bisa self-hosted di server Anda atau gunakan n8n.cloud
• Kirem node terinstal di n8n (lihat Langkah 1)
• API Key Kirem (live key) — dapatkan dari Dasbor Kirem
• Webhook URL publik — agar Meta dapat mengirimkan pesan masuk ke n8n Anda (gunakan ngrok untuk development lokal)
• Nomor WhatsApp terdaftar di Kirem yang sudah aktif

🔧 Langkah 1: Instal Kirem Community Node di n8n

1. Buka n8n instance Anda
2. Masuk ke Settings > Community Nodes
3. Klik Install a community node
4. Masukkan nama package: n8n-nodes-kirem (atau nama package Kirem node yang tersedia)
5. Klik Install dan tunggu proses selesai

Setelah terinstal, node Kirem akan muncul di panel node sebelah kiri.

🔧 Langkah 2: Buat Webhook Trigger Node

Webhook Trigger akan menerima pesan masuk dari Kirem.

1. Tambahkan node Webhook ke canvas

2. Konfigurasi:

   • HTTP Method: POST
   • Path: /whatsapp-bot
   • Response Mode: Last Node
   • Response Data: All Entries

3. Klik Execute Node untuk mengaktifkan webhook

4. Salin Production URL yang muncul (contoh: https://your-n8n.example.com/webhook/whatsapp-bot)

Konfigurasi Webhook di Dasbor Kirem

1. Buka Dasbor Kirem > Webhooks
2. Tambahkan webhook baru dengan URL production n8n Anda
3. Verifikasi webhook (Kirem akan mengirimkan challenge)

🔧 Langkah 3: Tambahkan Node Switch untuk Pencocokan Kata Kunci

1. Tambahkan node Switch setelah Webhook
2. Konfigurasi:
   • Mode: Rules
   • Input: {{ $json.body.entry[0].changes[0].value.messages[0].text.body }} (path ke isi pesan)
   • Tambahkan aturan (rules):

🔧 Langkah 4: Tambahkan Node Kirem untuk Membalas

Untuk setiap output Switch, tambahkan node Kirem:

Output 1 — Balasan Sambutan "Halo/Hai"

1. Tambahkan node Kirem setelah output 1 Switch
2. Konfigurasi:
   • Resource: Message
   • Operation: Send
   • Phone Number ID: (ID nomor WhatsApp Anda dari Dasbor Kirem)
   • To: {{ $json.body.entry[0].changes[0].value.messages[0].from }}
   • Message Type: Text
   • Body:

     Halo! 👋 Selamat datang di layanan kami.
     
     Berikut yang bisa saya bantu:
     - Ketik *Harga* untuk info produk & harga
     - Ketik *Bantuan* untuk bantuan pelanggan
     - Ketik *Jam* untuk jam operasional
     

Output 2 — Balasan Info Harga

1. Tambahkan node Kirem setelah output 2 Switch
2. Konfigurasi:
   • To: {{ $json.body.entry[0].changes[0].value.messages[0].from }}
   • Message Type: Text
   • Body:

     📋 Daftar Harga Produk Kami:
     
     - Paket Basic: Rp 99.000/bulan
     - Paket Pro: Rp 249.000/bulan
     - Paket Enterprise: Rp 499.000/bulan
     
     Kunjungi https://kirem.co.id/harga untuk detail lengkap!
     

Output 3 — Balasan Bantuan

1. Tambahkan node Kirem setelah output 3 Switch
2. Isi body dengan informasi kontak support Anda

Output 4 — Balasan Jam Operasional

1. Tambahkan node Kirem setelah output 4 Switch
2. Isi body dengan jam operasional bisnis Anda

🔧 Langkah 5: Tambahkan Fallback untuk Pesan Tidak Dikenal

Tambahkan satu node Kirem lagi untuk menangani pesan yang tidak cocok dengan kata kunci apa pun:

1. Sambungkan output Fallback Switch ke node Kirem baru
2. Konfigurasi:

   {
     "body": "Maaf, saya belum mengerti pesan Anda. Ketik *Bantuan* untuk melihat menu yang tersedia."
   }
   

📦 Struktur Workflow Lengkap

[Webhook Trigger]
      │
      ▼
[Switch — Pencocokan Kata Kunci]
      │
      ├── Output 1: "Halo/Hai" ──▶ [Kirem: Balasan Sambutan]
      ├── Output 2: "Harga"    ──▶ [Kirem: Info Harga]
      ├── Output 3: "Bantuan"  ──▶ [Kirem: Bantuan]
      ├── Output 4: "Jam"      ──▶ [Kirem: Jam Operasional]
      └── Fallback             ──▶ [Kirem: Pesan Tidak Dikenal]

🧪 Uji Coba

1. Aktifkan workflow di n8n (toggle Active)
2. Kirim pesan WhatsApp ke nomor bisnis Anda:
   • Kirim "Halo" → bot membalas dengan pesan sambutan
   • Kirim "Harga" → bot membalas dengan daftar harga
   • Kirim "Tes" → bot membalas dengan pesan fallback
3. Periksa Executions di n8n untuk melihat log workflow

🎨 Kustomisasi Lanjutan

Menambahkan Tombol Interaktif (Quick Reply)

Alih-alih teks biasa, gunakan pesan interaktif:

{
  "type": "interactive",
  "interactive": {
    "type": "button",
    "body": {
      "text": "Halo! Apa yang bisa saya bantu?"
    },
    "action": {
      "buttons": [
        {
          "type": "reply",
          "reply": {
            "id": "harga",
            "title": "💰 Harga"
          }
        },
        {
          "type": "reply",
          "reply": {
            "id": "bantuan",
            "title": "🆘 Bantuan"
          }
        }
      ]
    }
  }
}

Menyimpan Data Pelanggan ke Database

Tambahkan node Google Sheets atau PostgreSQL setelah Webhook untuk mencatat setiap interaksi:

• Nomor telepon pelanggan
• Isi pesan
• Waktu pesan diterima
• Balasan yang dikirim

Menambahkan AI/NLP

Gunakan node OpenAI untuk memproses bahasa alami sehingga bot dapat memahami maksud pelanggan tanpa pencocokan kata kunci eksak.

⚠️ Catatan Penting

• Pastikan URL webhook n8n Anda dapat diakses publik. Untuk development lokal, gunakan ngrok: ngrok http 5678
• Jangan lupa mengaktifkan workflow (toggle Active) setelah selesai konfigurasi
• WhatsApp membatasi balasan dalam jendela 24 jam. Untuk membalas pesan di luar jendela, gunakan templat yang sudah disetujui
• Gunakan node Wait jika Anda perlu jeda antar pesan (rate limiting)