Jawaban singkat: Workshop 30 menit: (1) n8n setup → (2) WhatsApp connect → (3) AI node → (4) Flow trigger → (5) Test & Publish. Nol coding, drag-drop, klik-drop. Artikel ini langkah demi langkah workshop lengkap untuk pemula.
Workshop n8n untuk Bot WhatsApp AI: 30 Menit ke Publish Awal
| Sesi | Durasi | Aktivitas | Output |
|---|---|---|---|
| Sesi 1: Setup n8n | 5 menit | n8n dijalankan (self-hosted VPS/Cloud), login, workspace siap | n8n URL + API Key siap |
| Sesi 2: WhatsApp Gateway | 8 menit | Scan QR code → Nomor WhatsApp terhubung → Kirim test pesan | Nomor WhatsApp OK, flow terima pesan aktif |
| Sesi 3: AI Node | 5 menit | Tempel API Key OpenAI/Claude/Gemini → Test AI response → Buat “brain” | AI node OK, bisa kirim pesan balik |
| Sesi 4: Flow Drag-Drop | 7 menit | Kanvas: Pesan Masuk → Filter Kata Kunci → AI Node → Balas Pesan → Kirim | Flow visual siap diuji |
| Sesi 5: Test & Publish | 5 menit | Kirim “test” dari HP → Bot balas → Aktifkan Activate Flow → Bot live | Bot live 24/7, terima & balas otomatis |
Sesi 1: Setup n8n (5 Menit)
- akses n8n:
https://your-n8n-instance.com(VPS self-hosted / n8n.cloud tier gratis) - login dengan email + password (atau Google OAuth)
- Buat workspace baru: WhatsApp_Bot_AI
- Buka tab Workflows → New Workflow → namai:
WhatsApp_Bot_AI - Kopikan API Key dari
Settings → API Keys→ simpan di catatan selamat
Sesi 2: WhatsApp Gateway Connect (8 Menit)
Pilihan A: Gateway Praktis (Direkomendasikan untuk Pemula)
- Daftar gateway praktis (contoh: wabot.id, z-api.id, chatgate.id)
- Buat akun + buat “WhatsApp Business Number” (atau gunakan nomor eksisting)
- Scan QR code dengan HP Anda (WhatsApp Business app)
- Koneksi terverifikasi: “WhatsApp terhubung”
- Dapatkan Webhook URL dari n8n:
https://your-n8n.com/webhook/whatsapp-bot-ai - Masukkan Webhook URL ke gateway: Settings → Webhook URL
- Kirim test pesan “test” dari HP ke nomor WhatsApp → Pesan masuk ke n8n
Pilihan B: WhatsApp Business API Resmi
- Daftar Meta Developer: developers.facebook.com
- Buat aplikasi WhatsApp Business → Generate Token
- Hubungkan ke n8n via
mcp__repliz__repliz_connect_whatsappconnector (jika terintegrasi) - Scan QR atau Masukkan Token → Terverifikasi
- Note: Butuh verifikasi bisnis, lama (~3-7 hari), biaya bisa lebih tinggi.
Sesi 3: AI Node Setup (5 Menit)
- Dapatkan API Key AI:
- OpenAI: platform.openai.com
- Claude: console.anthropic.com
- Gemini: aistudio.google.com
- di n8n: Buka workflow → Tambah Node → OpenAI / Claude / Gemini
- Tempel API Key → Test Generate → Kirim prompt:
"Anda adalah asisten CS toko bunga. Jawab pertanyaan pelanggan tentang produk dengan nama toko, harga, kebijakan pengirim." - Klik Save → Node AI siap dipakai di workflow
Sesi 4: Flow Drag-Drop (7 Menit)
Arsiteur Workflow Visual:
Kanvas n8n drag & drop elemen:
📥 Webhook: Diterima pesan WhatsApp
↓
🔍 Filter: Cek keyword "harga", "katalog", "jadwal", "biaya"
↓
🧠 AI Node: AI generate jawaban dari knowledge base
↓
📤 WhatsApp Kirim: Balas pesan ke nomor asal
↓
✅ End: Flow selesai
Step-by-step di n8n Canvas:
- Tarik node Webhook dari panel kiri → letak kanvas
- Double klik Webhook → Copy URL → Masukkan ke WhatsApp Gateway (Sesi 2)
- Tarik node IF/Filter → koneksi ke Webhook
- Konfigurasi Filter:
msg contains "harga"ORmsg contains "katalog"ORmsg contains "biaya" - Tarik node OpenAI/Gemini/Claude → koneksi ke Filter (True branch)
- Konfigurasi AI Node: Model + API Key + Prompt Template
- Tarik node WhatsApp Kirim (atau Webhook Response) → koneksi ke AI Node
- Double klik WhatsApp Kirim → Select Variable → response dari AI node
- Klik Activate → Workflow live
Sesi 5: Test & Publish Awal (5 Menit)
- Dari HP kirim pesan:
"test"ke nomor WhatsApp bot - Bot akan terima via webhook → Filter → AI → Generate jawaban
- Bot balas: “Halo! Saya bot WhatsApp AI. Tanyakan tentang produk apa?”
- Kirim lagi:
"harga paket A" - Bot balas jawaban berdasarkan knowledge base Anda (nama toko, harga, kebijakan)
- Klik Activate di n8n → Bot live 24/7 tanpa perlu browser terbuka
Checklist Workshop 30 Menit Minggu Ini
- [ ] n8n terinstall + login + workspace WhatsApp_Bot_AI dibuat
- [ ] WhatsApp Gateway (pilih praktis) + nomor terhubung + QR scan OK
- [ ] API Key AI (OpenAI/Claude/Gemini) didapat + di-n8n tempel
- [ ] Workflow drag-drop: Webhook → Filter → AI Node → WhatsApp Kirim → Save
- [ ] Test: Kirim “test” dari HP → Bot balas respons
- [ ] Kirim “harga paket/contoh” → Bot balas data toko Anda
- [ ] Klik Activate → Bot live 24/7
FAQ: Workshop n8n Bot WhatsApp AI 30 Menit
Benar-benar 30 menit?
YA — 5 sesi × 6 menit. Asumsi: Anda sudah punya n8n (VPS/cloud), nomor WhatsApp, API Key AI. Jika butuh setup n8n dari nol, tambah 10-15 menit. Jika butuh daftar paket produk, ambil 5 menit. Total maksimum 30 menit.
Coding apa yang harus saya ketik?
NOL — semua via drag & drop visual di n8n canvas. Anda hanya perlu tempel API Key dan tulis prompt AI dalam bahasa manusia. Tidak ada baris kode apa pun yang harus Anda tulis.
Butuh nomor WhatsApp khusus?
YA — gunakan nomor WhatsApp Business (bukan pribadi). Jika tidak punya, beli paket WhatsApp Bisnis dari gateway praktis (Rp 50rb-200rb/bulan) atau daftarkan WhatsApp Business API resmi (gratis butuh verifikasi).
AI model mana yang terbaik untuk bot CS?
Semua model kelas GPT-4o/Claude/Gemini bisa. Untuk CS sederhana: GPT-4o-mini cukup. Untuk CS kompleks (multi-step, booking): GPT-4o atau Claude 3.5 Sonnet. Semua bisa diakses via n8n node.
Template workshop lengkap sudah jadi di mana?
Tutorial video + Template n8n — include: Workflow file JSON (import 1 klik), API Key Setup Guide, Prompt Library, WhatsApp Gateway Comparison, Test Script, Go-Live Checklist.