WA Blast dengan Button CTA: Tingkatkan Click
Cara kirim WA blast dengan button CTA. Tingkatkan click rate dengan interactive buttons. Official API feature!
Text-only message = Boring!
Pesan dengan button CTA lebih eye-catching dan mudah di-click. Hasilnya? Click rate naik 2-3x!
Apa Itu Button di WhatsApp?
Pesan dengan tombol clickable:
┌─────────────────────────────┐
│ 🎉 FLASH SALE! │
│ │
│ Diskon 50% semua produk! │
│ Hari ini saja. │
│ │
│ ┌─────────────────────────┐ │
│ │ 🛒 Order Sekarang │ │
│ └─────────────────────────┘ │
│ ┌─────────────────────────┐ │
│ │ 📋 Lihat Katalog │ │
│ └─────────────────────────┘ │
└─────────────────────────────┘
Customer tinggal tap button!Jenis Button WhatsApp
1. Quick Reply Button
Tombol yang kirim pesan balik.
Button: "Order Sekarang"
Tap → Otomatis kirim "Order Sekarang" ke chat
Use case:
- Pilihan menu
- Quick response
- Survey options2. URL Button
Tombol yang buka link.
Button: "Lihat Katalog" → buka website
Use case:
- Link ke website
- Link ke form
- Link ke katalog3. Call Button
Tombol untuk telepon.
Button: "Hubungi Kami" → dial nomor
Use case:
- Customer service
- Urgent contactAvailability: Siapa yang Bisa Pakai?
⚠️ Penting:
Button hanya tersedia di:
✅ WhatsApp Business API (official)
✅ WhatsApp Cloud API
TIDAK tersedia di:
❌ WhatsApp biasa
❌ WhatsApp Business (app)
❌ Unofficial methods (whatsapp-web.js)Alternatif untuk Non-API:
Tanpa button official, gunakan:
1. Text-based CTA:
"Reply ORDER untuk beli"
"Reply 1 untuk Produk A"
2. Link clickable:
"Klik untuk order: https://..."
3. Emoji sebagai visual:
"🛒 ORDER
📋 KATALOG
❓ TANYA"Template Message dengan Button
Promo dengan Quick Reply:
json
{
"type": "template",
"template": {
"name": "promo_flash_sale",
"language": { "code": "id" },
"components": [
{
"type": "body",
"parameters": [
{ "type": "text", "text": "Siti" },
{ "type": "text", "text": "50%" }
]
},
{
"type": "button",
"sub_type": "quick_reply",
"index": 0,
"parameters": [
{ "type": "text", "text": "ORDER" }
]
},
{
"type": "button",
"sub_type": "quick_reply",
"index": 1,
"parameters": [
{ "type": "text", "text": "INFO" }
]
}
]
}
}Notification dengan URL Button:
json
{
"type": "template",
"template": {
"name": "order_confirmation",
"components": [
{
"type": "body",
"parameters": [
{ "type": "text", "text": "#12345" },
{ "type": "text", "text": "Rp 150.000" }
]
},
{
"type": "button",
"sub_type": "url",
"index": 0,
"parameters": [
{ "type": "text", "text": "12345" }
]
}
]
}
}Alternatif: Pseudo-Button dengan Text
Jika Tidak Punya API:
🎉 FLASH SALE!
Diskon 50% hari ini!
Pilih salah satu:
━━━━━━━━━━━━━━
1️⃣ ORDER SEKARANG
2️⃣ LIHAT KATALOG
3️⃣ TANYA ADMIN
━━━━━━━━━━━━━━
Reply dengan angka!
Contoh: ketik 1 untuk orderDengan Link Clickable:
🎉 PROMO SPESIAL!
Diskon 50% all item!
👇 Klik untuk order:
https://wa.me/628xxx?text=ORDER
👇 Atau lihat katalog:
https://tokoku.com/katalogDengan Emoji Menu:
🛒 Mau order? Reply ORDER
📋 Lihat katalog? Reply KATALOG
💬 Tanya admin? Reply CS
Tinggal reply salah satu! 👆Best Practices Button
1. Maksimal 3 Button
✅ 2-3 button (focused choice)
❌ 5+ button (overwhelming)2. Label yang Jelas
✅ "Order Sekarang" (action jelas)
✅ "Lihat Produk"
❌ "Klik di sini" (tidak spesifik)
❌ "Selengkapnya" (vague)3. Primary Action First
Button 1: Primary CTA (Order, Beli, dll)
Button 2: Secondary (Info, Katalog)
Button 3: Tertiary (Help, CS)4. Match dengan Message
Pesan tentang promo → Button "Order"
Pesan tentang produk baru → Button "Lihat Detail"
Pesan tentang event → Button "Daftar"Comparison: With vs Without Button
| Metric | Tanpa Button | Dengan Button |
|---|---|---|
| Click/Response rate | 5-10% | 15-25% |
| User effort | Harus ketik | Tinggal tap |
| Clarity | Perlu baca | Visual jelas |
| Conversion | Lower | Higher |
Tips Meningkatkan Click Rate
1. Urgency di Button Text
❌ "Beli"
✅ "Beli Sekarang"
✅ "Claim Diskon"2. Benefit-Oriented
❌ "Selengkapnya"
✅ "Lihat Diskon 50%"
✅ "Dapatkan Voucher"3. Visual Hierarchy
Teks penting di ATAS
Button di BAWAH
Supaya baca dulu, baru action.4. One Clear CTA
Jika hanya 1 goal → 1 button saja
Terlalu banyak option = confusionFAQ
Apakah bisa pakai button tanpa API?
Tidak bisa button official. Tapi bisa pakai "pseudo-button" dengan text formatting seperti contoh di atas.
Berapa biaya untuk pakai button (API)?
Sama dengan biaya WhatsApp Cloud API per conversation. Button tidak ada biaya tambahan.
Button bisa di-customize warnanya?
Tidak. WhatsApp menentukan style button. Kamu hanya bisa customize text.
Kesimpulan
Button = Higher engagement!
| Opsi | Availability | Click Rate |
|---|---|---|
| Official Button | API only | Highest |
| Pseudo-button (text) | All | Medium |
| Plain text CTA | All | Lower |
Pakai button jika punya API, atau pseudo-button sebagai alternatif!