Step 21 – WhatsApp Webhook (Inbound) Workflow di AfterSale

Bahagian ini digunakan untuk menghantar WhatsApp Template Message secara automatik berdasarkan data yang dihantar dari sistem luar (3rd party) melalui Webhook.
๐ฃ 1. Apa Itu WhatsApp Webhook Inbound Workflow?
Fungsi ini membolehkan anda:
โ
Terima data dari mana-mana sistem luar (Shopee, WooCommerce, Stripe, plugin custom, CRM lain)
โ
Sistem luar menghantar request ke URL Webhook AfterSale
โ
AfterSale akan trigger WhatsApp template message secara automatik kepada pelanggan
Contoh penggunaan:
- Order baru โ auto hantar WhatsApp โTerima kasih pembelian!โ
- Slip pembayaran diterima โ auto hantar WhatsApp โPembayaran berjaya!โ
- Tracking number update โ auto hantar mesej tracking
- COD reminder
- Post-purchase follow-up
๐ข 2. Bahagian “Your Workflows” (Senarai Workflow)
Di bahagian atas, anda akan lihat filter berikut:
๐ Filter Workflow
- WhatsApp Account โ pilih nombor WA yang anda nak lihat automasinya
- Any Status โ Draft / Active / Paused / Completed
- Any Verification โ Verified / Not Verified
- Search โ cari workflow mengikut nama
๐ Kolum dalam Jadual
| Kolum | Fungsi |
| Workflow | Nama automasi |
| Template | Template yang digunakan |
| Status | Active / Paused |
| Verified | Sama ada webhook URL sudah diverifikasi |
| Actions | Edit / Pause / Delete |
| Targeted | Berapa pelanggan disasarkan |
| Processed | Berapa yang diproses |
| Delivered | Mesej sampai |
| Opened | Mesej dibuka |
| Failed | Tak sampai |
| Skipped | Tiada data / invalid |
| Unreached | Tidak dapat dihubungi |
| Last Called at | Bila webhook terakhir dipanggil |
Jika kosong โ bermaksud anda belum cipta workflow.
๐ต 3. Bahagian “Workflow Details” (Buat Workflow Baru)
Bahagian ini digunakan untuk setup automation.
๐ Langkah 1 โ Masukkan Workflow Name
Masukkan nama seperti:
- Order Baru Shopee
- COD Reminder
- Tracking Update
- Payment Success Auto Message
Nama ini tidak mengganggu sistem luarโhanya untuk rujukan anda.
๐ Langkah 2 โ Pilih WhatsApp Account
Contoh dalam gambar:
OilyPod by Mu & Mars (+60186388002)
Jika anda ada banyak nombor, pilih nombor mana automasi akan hantar mesej.
๐ Langkah 3 โ Pilih Message Template
Template WhatsApp (HSM) perlu:
- Sudah approved Meta
- Sesuai dengan automasi
Contoh template:
- order_confirmation
- payment_received
- tracking_update
- cod_reminder
Template boleh mengandungi variable seperti:
Hi {{name}}, terima kasih kerana membuat pesanan {{order_id}}.
Anda boleh masukkan data ini melalui webhook.
๐ก 4. Create Workflow
Selepas semua maklumat diisi:
๐ Klik Create Workflow
Selepas create, workflow akan muncul dalam jadual atas tadi.
๐ฃ 5. Selepas Workflow Dicipta โ Anda Akan Dapat Webhook URL
Apabila klik workflow yang sudah siap, anda akan nampak:
๐ Webhook URL
Ini adalah URL yang perlu anda masukkan ke dalam sistem pihak ketiga.
Contoh sistem yang boleh hantar webhook:
- Shopify
- WooCommerce
- EasyParcel
- Custom PHP Script
- Zapier / Pabbly / Make.com
- Shopee melalui middleware
๐ข 6. Bagaimana Workflow Berfungsi?
โ Sistem luar hantar data โ Webhook URL
Contoh:
{
“name”: “Ali”,
“phone”: “60123456789”,
“order_id”: “INV1002”,
“amount”: “59.90”
}
โก AfterSale menerima data
AfterSale akan padankan variable dari webhook dengan variable dalam template.
โข Automation WhatsApp dihantar kepada pelanggan
Contohnya:
“Hi Ali, terima kasih kerana membuat pesanan #INV1002 bernilai RM59.90.”
๐ 7. Workflow Report
Klik Workflow Report untuk lihat laporan:
- Jumlah webhook diterima
- Mesej berjaya dihantar
- Mesej gagal
- Pelanggan skip
- Masa webhook dipanggil
Ini penting untuk troubleshooting jika automation tidak berjalan.
๐ช 8. Kegunaan Paling Popular Webhook Workflow
Berikut ialah contoh automasi paling ramai pengguna AfterSale gunakan:
โ Order Confirmation
โTerima kasih kerana membuat pesanan!โ
โ Payment Received
โPembayaran anda telah berjaya.โ
โ COD Reminder
“Barang akan sampai hari ini, sila sediakan wang tunai.”
โ Tracking Number
“Nombor tracking anda ialah XXXXX.”
โ Abandoned Cart Recovery
โBarang yang anda minati masih ada!โ