Cara Kirim Notifikasi WhatsApp Otomatis dari WordPress dan WooCommerce

Tutorial lengkap cara setup notifikasi WhatsApp otomatis dari WordPress dan WooCommerce. Plugin, webhook, dan custom code.

Cara Kirim Notifikasi WhatsApp Otomatis dari WordPress dan WooCommerce
Cara Kirim Notifikasi WhatsApp Otomatis dari WordPress dan WooCommerce

WordPress menguasai lebih dari 40 persen website di dunia, dan WooCommerce adalah plugin e-commerce paling populer di ekosistem WordPress. Banyak toko online dan website bisnis Indonesia dibangun di atas platform ini — dari UMKM sampai brand menengah.

Menambahkan notifikasi WhatsApp otomatis ke WordPress dan WooCommerce meningkatkan customer experience secara signifikan. Konfirmasi order, update pengiriman, dan follow-up — semuanya terkirim langsung ke WhatsApp pelanggan.

Opsi untuk WordPress (Non-WooCommerce)

Untuk website WordPress yang bukan toko online — misalnya website jasa, portofolio, atau company profile — notifikasi WhatsApp biasanya di-trigger dari form submission.

Contact Form 7 + WhatsApp

Contact Form 7 adalah plugin form paling populer di WordPress. Integrasi dengan WhatsApp bisa dilakukan melalui plugin tambahan seperti "CF7 to WhatsApp" atau melalui webhook. Saat form disubmit, data dikirim ke middleware yang kemudian trigger WhatsApp.

WPForms + Zapier

WPForms memiliki Zapier addon yang memungkinkan setiap form submission trigger Zap. Buat Zap yang mengirim WhatsApp notification saat form tersubmit — baik ke admin sebagai notifikasi inquiry baru maupun ke responder sebagai konfirmasi.

Custom Code via functions.php

Untuk developer, tambahkan hook di functions.php yang mengirim HTTP request ke WhatsApp API setiap kali form atau action tertentu terjadi. Hook yang berguna: wpcf7_mail_sent untuk Contact Form 7, wpforms_process_complete untuk WPForms, dan wp_insert_comment untuk notifikasi komentar baru.

Opsi untuk WooCommerce

WooCommerce memiliki ekosistem hook yang kaya untuk notifikasi WhatsApp.

Plugin WhatsApp Notification

Beberapa plugin yang tersedia di WordPress marketplace: "Order on WhatsApp for WooCommerce" yang menambahkan tombol order via WhatsApp dan notifikasi, "WooCommerce WhatsApp Order Notification" yang mengirim notifikasi ke admin saat ada order baru, dan "ChatPion" yang menyediakan WhatsApp chatbot dan notification lengkap.

WooCommerce Hooks + WhatsApp API

Untuk integrasi yang lebih custom, manfaatkan WooCommerce hooks. Hook woocommerce_new_order untuk trigger saat order baru masuk. Hook woocommerce_order_status_changed untuk trigger saat status order berubah. Hook woocommerce_payment_complete untuk trigger saat pembayaran selesai. Dan hook woocommerce_order_status_completed untuk trigger saat order completed.

Di dalam hook handler, kirim HTTP request ke WhatsApp API menggunakan wp_remote_post function bawaan WordPress. Data order bisa diambil dari WC_Order object yang tersedia di parameter hook.

WooCommerce + Middleware

Alternatif yang tidak memerlukan coding di WordPress: aktifkan WooCommerce Webhooks di Settings kemudian Advanced kemudian Webhooks. Buat webhook untuk setiap event yang diinginkan — Order Created, Order Updated. Arahkan webhook ke middleware seperti Zapier, Make, atau n8n. Middleware memproses data dan mengirim WhatsApp.

Notifikasi yang Harus Disetup

Untuk Admin atau Owner

Order baru masuk berupa notifikasi instan ke WhatsApp owner setiap ada pesanan baru — sangat berguna untuk bisnis kecil di mana owner handle sendiri. Pembayaran diterima berupa konfirmasi bahwa pembayaran sudah masuk. Stok rendah berupa alert saat stok produk mencapai threshold minimum. Dan review baru berupa notifikasi saat ada review produk baru dari pelanggan.

Untuk Pelanggan

Konfirmasi order berupa detail pesanan dan estimasi pengiriman. Konfirmasi pembayaran berupa acknowledgment bahwa uang sudah diterima. Update pengiriman berupa nomor resi dan link tracking. Pesanan selesai berupa konfirmasi delivered dengan request review. Dan abandoned cart reminder untuk pelanggan yang meninggalkan keranjang tanpa checkout.

Tombol WhatsApp di Website

Selain notifikasi otomatis, menambahkan tombol chat WhatsApp di website juga penting. Floating button yang muncul di semua halaman memudahkan visitor menghubungi langsung. Button di halaman produk untuk pertanyaan pre-purchase. Button di halaman checkout untuk klarifikasi sebelum bayar. Dan button di halaman kontak sebagai channel support utama.

Plugin populer untuk tombol WhatsApp: "Click to Chat" yang gratis dan simple, "WhatsApp Chat WP" yang menawarkan customization lebih, dan "Join.chat" yang menyediakan fitur analytics tambahan.

Tips Implementasi

Pertama, jangan overload pelanggan dengan notifikasi. Pilih notifikasi yang benar-benar memberikan value. Konfirmasi order dan update pengiriman adalah wajib. Follow-up dan promo bisa ditambahkan nanti setelah pelanggan opt-in.

Kedua, test di staging environment dulu. Jangan langsung test di production — gunakan staging site untuk memastikan semua hook dan API call berfungsi dengan benar.

Ketiga, handle error gracefully. Jika WhatsApp API gagal, jangan sampai mengganggu proses checkout atau order. Implementasikan try-catch dan fallback ke email jika WhatsApp gagal.

Keempat, perhatikan performance. HTTP request ke WhatsApp API menambah waktu loading. Untuk notifikasi yang tidak time-critical, gunakan WooCommerce Action Scheduler atau wp_cron untuk mengirim secara async agar tidak memperlambat response website.

Kesimpulan

WordPress dan WooCommerce dengan ekosistem plugin dan hooks yang kaya menjadikan integrasi WhatsApp sangat accessible — dari plugin no-code sampai custom development.

Mulai dari plugin sederhana untuk notifikasi dasar. Jika butuh lebih custom, manfaatkan WooCommerce hooks. Dan untuk workflow yang kompleks, middleware seperti Zapier atau Make menjadi jembatan yang efektif.

Untuk auto-reply yang melengkapi notifikasi WordPress kamu, Balaswa siap menangani respon pelanggan yang masuk dari website.