# Download Template Workflow n8n untuk CS WhatsApp Gratis 2026

- URL: https://komunitech.com/blog/whatsapp/download-template-workflow-n8n-untuk-cs-whatsapp-gratis-2026/
- Diterbitkan: 2026-06-30
- Diperbarui: 2026-10-09
- Penulis: Priyo Harjiyono
- Penerbit: KomuniTech (https://komunitech.com)

---

tl;dr: Template workflow n8n gratis buat auto-balas salam pelanggan + kirim katalog produk via WhatsApp — tinggal import, ganti credential, jalan. 7 node, 2 cabang alur: permintaan katalog dijawab instan tanpa AI (0 biaya token), pertanyaan lain diteruskan ke AI (ChatGPT-4o mini, ~Rp7.200/bulan buat 100 chat/hari). Kode JSON lengkap + cara setup ada di bawah.

## Apa yang Bisa Dilakukan Template Ini

Bayangkan toko online kamu tetap melayani pelanggan jam 2 pagi — ada yang chat "ini ready?", minta katalog, tanya harga — semua kebalas otomatis dalam hitungan detik, tanpa kamu harus bangun atau gaji CS shift malam. Itu yang template ini kerjain:

- Balas otomatis pesan salam ("Halo kak, ada yang bisa dibantu?")

- Kirim katalog produk kalau pelanggan minta "katalog" atau "list produk"

- Jawab pertanyaan bebas via AI kalau di luar keyword katalog

- Catat tiap chat ke Google Sheets buat laporan harian

## Struktur Workflow — Fungsi Tiap Node

Workflow ini terdiri dari 7 node dalam 2 cabang alur (branch). Kalau kamu udah pernah coba [bikin AI Agent pertama dengan n8n](https://komunitech.com/blog/visual-agent/cara-bikin-ai-agent-pertama-dengan-n8n-step-by-step-untuk-pemula/), struktur di bawah ini lanjutannya — fokus ke skenario WhatsApp CS.

### 1. Webhook WA — Penerima Chat

Pintu masuk workflow. Tiap chat dari WhatsApp gateway dikirim ke URL webhook ini, n8n nangkep sebagai trigger.

**Input:** pesan teks pelanggan via WhatsApp gateway.
**Output:** JSON mentah dari gateway (body pesan, nomor pengirim, timestamp).

### 2. Filter Pesan — Ekstraksi Data

Node **Set** yang bersihin data mentah. Dua field yang diekstrak:

- message — isi pesan pelanggan

- sender — nomor WhatsApp pelanggan

Penting karena tiap gateway formatnya beda. Setelah difilter, node berikutnya cukup pakai $json.message dan $json.sender — gak perlu mikirin struktur JSON asli gateway.

### 3. Cek Katalog — Percabangan (Router)

Node **IF** yang nentuin arah alur. Cek apakah pesan mengandung keyword:

regex: (katalog|produk|catalog|catalogue|list|menu|price|harga)
**Cabang TRUE:** keyword ketemu → langsung kirim katalog, gak lewat AI.

**Cabang FALSE:** gak ada keyword → diteruskan ke AI Jawab.

Percabangan ini ngirit biaya — permintaan sederhana kayak "minta katalog" gak butuh panggil AI. Lebih cepat, lebih murah.

### 4. Kirim Katalog — Respons Cepat (Cabang Kiri)

Node **HTTP Request** yang langsung kirim daftar produk ke gateway WhatsApp. Ini *response template* statis, tanpa panggil AI. Isi teks katalog bisa kamu edit sesuai produk sendiri.

**Estimasi:** respons <1 detik, biaya token AI: Rp0.

### 5. AI Jawab — Respons Cerdas (Cabang Kanan)

Node **HTTP Request** yang manggil OpenAI API (gpt-4o-mini) buat generate jawaban natural. System prompt yang dikirim:

"Kamu adalah CS toko online Indonesia. Ramah, singkat, sopan. Pahami singkatan: COD, sis, gan, min. Jika nanya harga/stok, jawab langsung. Jangan promosi berlebihan. Balas maks 2 kalimat."
**Kenapa 4o-mini?** Paling murah ($0,15/1M token input) tapi cukup buat CS sederhana. Estimasi buat 100 chat/hari: sekitar Rp7.200/bulan.

### 6. Kirim Jawaban AI — Eksekutor

Node **HTTP Request** lain yang kirim jawaban AI ke pelanggan via gateway. Strukturnya sama persis dengan node Kirim Katalog, cuma body-nya dari response AI.

### 7. Log ke Google Sheets — Pencatatan

Node **Google Sheets** yang catat tiap percakapan. Data yang direkam: nomor pengirim, pesan, timestamp, jenis respons (katalog/AI). Berguna buat rekap harian, identifikasi pertanyaan yang sering muncul, dan audit kalau ada komplain.

## Alur Lengkap: Dari Chat Sampai Log

Pelanggan chat → WA Gateway → Webhook WA → Filter Pesan
↓
Cek Katalog
↙          ↘
(ada keyword)    (tidak ada)
↓                  ↓
Kirim Katalog        AI Jawab
↓                  ↓
Log ke Sheets ← Kirim Jawaban AI
↓
Log ke Sheets

## Kode JSON Template — Download & Import

Salin kode JSON di bawah, simpan sebagai workflow-cs-whatsapp.json, lalu import ke n8n:

{
"name": "WhatsApp CS Otomatis - KomuniTech",
"nodes": [
{
"name": "Webhook WA",
"type": "n8n-nodes-base.webhook",
"parameters": {
"path": "wa-cs",
"options": {}
}
},
{
"name": "Filter Pesan",
"type": "n8n-nodes-base.set",
"parameters": {
"values": {
"string": [
{
"name": "message",
"value": "={{ $json.body?.message?.text || $json.body?.message || '' }}"
},
{
"name": "sender",
"value": "={{ $json.body?.from || $json.sender || '' }}"
}
]
}
}
},
{
"name": "Cek Katalog",
"type": "n8n-nodes-base.if",
"parameters": {
"conditions": {
"string": [
{
"value1": "={{ $json.message.toLowerCase() }}",
"operation": "regex",
"value2": "(katalog|produk|catalog|catalogue|list|menu|price|harga)"
}
]
}
}
},
{
"name": "Kirim Katalog",
"type": "n8n-nodes-base.httpRequest",
"parameters": {
"method": "POST",
"url": "=https://api.fonnte.com/send",
"authentication": "genericCredentialType",
"genericAuth": "fonnteApi",
"sendBody": true,
"bodyParameters": {
"parameters": [
{"name": "target", "value": "={{ $json.sender }}"},
{"name": "message", "value": "Selamat datang! Berikut katalog produk kami:nn1. Produk A - Rp150.000n2. Produk B - Rp250.000n3. Produk C - Rp350.000nnUntuk info lengkap, tanya kami lebih lanjut 😊"}
]
}
}
},
{
"name": "AI Jawab",
"type": "n8n-nodes-base.httpRequest",
"parameters": {
"method": "POST",
"url": "https://api.openai.com/v1/chat/completions",
"authentication": "genericCredentialType",
"genericAuth": "openAiApi",
"sendBody": true,
"bodyParameters": {
"parameters": [
{"name": "model", "value": "gpt-4o-mini"},
{"name": "messages", "value": "[{"role": "system", "content": "Kamu adalah CS toko online Indonesia. Ramah, singkat, sopan. Pahami singkatan: COD, sis, gan, min. Jika nanya harga/stok, jawab langsung. Jangan promosi berlebihan. Balas maks 2 kalimat."}, {"role": "user", "content": "={{ $json.message }}"}]"}
]
}
}
},
{
"name": "Kirim Jawaban AI",
"type": "n8n-nodes-base.httpRequest",
"parameters": {
"method": "POST",
"url": "=https://api.fonnte.com/send",
"authentication": "genericCredentialType",
"genericAuth": "fonnteApi",
"sendBody": true,
"bodyParameters": {
"parameters": [
{"name": "target", "value": "={{ $json.sender }}"},
{"name": "message", "value": "={{ $json.choices[0].message.content }}"}
]
}
}
},
{
"name": "Log ke Google Sheets",
"type": "n8n-nodes-base.googleSheets",
"parameters": {
"operation": "append",
"documentId": "={{ $env.GOOGLE_SHEET_ID }}",
"sheetName": "ChatLog",
"options": {}
}
}
],
"connections": {
"Webhook WA": {"main": [[{"node": "Filter Pesan"}]]},
"Filter Pesan": {"main": [[{"node": "Cek Katalog"}]]},
"Cek Katalog": {"main": [[{"node": "Kirim Katalog"}], [{"node": "AI Jawab"}]]},
"Kirim Katalog": {"main": [[{"node": "Log ke Google Sheets"}]]},
"AI Jawab": {"main": [[{"node": "Kirim Jawaban AI"}]]},
"Kirim Jawaban AI": {"main": [[{"node": "Log ke Google Sheets"}]]}
}
}

## Cara Setup

- **Buat akun Fonnte** (fonnte.com) — ambil API key.

- **Buat akun OpenAI** (platform.openai.com) — isi saldo minimal $5, generate API key.

- **Buat spreadsheet** di Google Sheets dengan tab bernama ChatLog.

- **Di n8n:** buat credential baru untuk masing-masing (Fonnte API, OpenAI API, Google Sheets).

- **Import template JSON** ke n8n → ganti credential sesuai punya kamu.

- **Deploy & aktifkan** workflow → copy Webhook URL → tempel di panel Fonnte.

Kalau butuh referensi rate limit biar nomor gak kena masalah pas volume chat naik, cek [panduan aman integrasi AI Agent ke WhatsApp](https://komunitech.com/blog/whatsapp/cara-aman-integrasi-ai-agent-ke-whatsapp-tanpa-kena-banned-meta-2026/) sebelum deploy skala besar.

## Variasi Sesuai Kebutuhan

| Mau?
| Yang Diubah

| Pakai Claude, bukan ChatGPT
| Ganti URL API ke Anthropic + sesuaikan format prompt

| Tambah logika stok produk
| Tambah node IF baru yang cek kata "stok" atau "ready"

| Kirim gambar produk
| Ubah node Kirim Katalog jadi kirim media URL

| Integrasi stok real-time
| Tambah node Google Sheets lookup buat cek stok

| Human-in-the-loop
| Tambah node Slack/Telegram notifikasi buat chat komplain

## Yang Perlu Disiapkan

- **n8n** — self-hosted (VPS mulai Rp100rb/bulan) atau cloud (n8n.cloud).

- **WhatsApp Gateway** — Fonnte, WATI, atau API resmi Meta.

- **API key OpenAI** — daftar di platform.openai.com, isi saldo minimal $5.

- **Google Sheets** — buat log chat, gratis.

Template n8n cocok kalau kamu nyaman merakit node. Kalau kanvas workflow terasa membengkak tiap ada pengecualian kasus, ada pendekatan lain yang dipakai di [workshop OpenClaw Komunitech](https://komunitech.com/blog/kursus/workshop-openclaw-indonesia-kursus-ai-komunitech/): logika agen CS ditulis dengan bahasa sehari-hari dan disambungkan ke WhatsApp atau Telegram dalam sesi dua jam.

## FAQ

**Apakah template ini benar-benar gratis?**
Ya. Langsung download, import ke n8n, plus panduan setup di atas.

**Perlu bisa coding?**
Nggak. Tinggal import, isi API key, jalan.

**Bisa handle pelanggan 100+ per hari?**
Bisa. n8n + gpt-4o-mini sanggup handle ratusan chat bersamaan dengan biaya token minimal (~Rp7.200/bulan buat 100 chat/hari).

**Nomor WhatsApp aman pakai template ini?**
Aman selama ikuti rate limit dan gak dipakai buat blast massal — detail lengkapnya ada di [panduan compliance WhatsApp](https://komunitech.com/blog/whatsapp/cara-aman-integrasi-ai-agent-ke-whatsapp-tanpa-kena-banned-meta-2026/).

## Lanjut ke Level Berikutnya

Template ini versi dasar. Buat AI Agent yang bisa handle negosiasi, multi-produk, dan integrasi stok real-time, materinya ada di Workshop KomuniTech — belajar bikin AI Agent WhatsApp dari nol, akses template workflow premium, didampingi tim teknis sampai deploy.

[Gabung Workshop KomuniTech →](https://komunitech.com)

*Disclaimer: Artikel ini bersifat edukasi dan informasi, bukan saran final. Verifikasi sendiri harga API/gateway dan kebijakan platform sebelum deploy ke produksi — biaya dan aturan bisa berubah sewaktu-waktu. Do your own research.*

**Referensi:**

- [n8n Documentation](https://docs.n8n.io/)

- [OpenAI API Pricing](https://platform.openai.com/docs/pricing)

- [Meta WhatsApp Cloud API Documentation](https://developers.facebook.com/docs/whatsapp/cloud-api)