Cara Mengatur WhatsApp Checkout Redirect di WooCommerce (LarisTurbo)
Panduan lengkap WhatsApp Checkout Redirect For WooCommerce: mengalihkan pelanggan ke WhatsApp setelah checkout, pengaturan per metode pembayaran, dan template pesan order.
WhatsApp Checkout Redirect For WooCommerce mengalihkan pelanggan ke WhatsApp setelah mereka menyelesaikan checkout—menggantikan halaman Thank You standar dengan layar transisi yang membuka chat WhatsApp berisi ringkasan order.
Fitur ini berguna untuk toko yang ingin pelanggan langsung konfirmasi order via WhatsApp, terutama untuk metode pembayaran manual seperti transfer bank (BACS) atau bayar di tempat (COD).
Tutorial ini membahas cara mengaktifkan redirect per metode pembayaran, menyesuaikan WhatsApp Redirect Message, dan memverifikasi alur setelah checkout. Nama field mengikuti label asli di plugin.
Yang akan pelanggan lihat
Setelah checkout berhasil (untuk metode pembayaran yang Anda aktifkan):
- Alih-alih halaman Thank You WooCommerce biasa, pelanggan melihat layar loading WhatsApp di situs Anda
- Layar menampilkan teks loading dari WhatsApp Integration (jika rotator aktif)
- Pelanggan diarahkan ke WhatsApp dengan pesan berisi detail order (produk, total, data billing, dll.)
Jika rotator CS aktif, nomor tujuan dipilih secara bergantian dari WhatsApp Integration.
Prasyarat
- Plugin LarisTurbo For WooCommerce by TokoPressID terpasang dan lisensi aktif
- WooCommerce aktif dengan minimal satu metode pembayaran
- WhatsApp Integration sudah dikonfigurasi (Main WhatsApp Number terisi)
Cara membuka pengaturan
- Login ke WordPress Admin.
- Buka LarisTurbo → For WhatsApp.
- Buka WhatsApp Checkout Redirect For WooCommerce, lalu klik Settings.
Anda juga bisa membuka dari WhatsApp Integration → bagian WooCommerce Integration → Setup Now di WhatsApp Checkout Redirect.
Opsi yang tersedia
Fitur ini tidak punya satu checkbox Enable global. Anda mengaktifkan redirect per metode pembayaran.
| Label di plugin | Jenis | Fungsi |
|---|---|---|
| Enable WhatsApp Redirect for “Direct Bank Transfer (BACS)” Thankyou Page | Checkbox | Redirect setelah checkout via transfer bank |
| Enable WhatsApp Redirect for “Cash on Delivery (COD)” Thankyou Page | Checkbox | Redirect setelah checkout via COD |
| WhatsApp Redirect Message | Textarea | Template pesan WhatsApp berisi detail order |
Secara default, plugin menyediakan pengaturan untuk BACS dan COD. Developer bisa menambah gateway lain via filter plugin.
Template pesan (WhatsApp Redirect Message)
Jika field dikosongkan, plugin memakai template default. Untuk toko Indonesia, contoh default:
Halo %site_name%,
Saya telah melakukan pemesanan berikut:
Produk: %order_items%
Total: %order_total%
Order ID: %order_id%
Dengan data sebagai berikut,
Nama: %billing_name%
Alamat: %billing_address%
Telp: %billing_phone%
Salam,
%billing_name%Placeholder yang bisa dipakai (ditampilkan di bawah field sebagai Available Parameters):
| Placeholder | Isi |
|---|---|
%site_name% |
Nama situs |
%order_id% |
Nomor order |
%order_date% |
Tanggal order |
%order_status% |
Status order |
%order_items% |
Daftar produk |
%order_total% |
Total order |
%order_total_block% |
Total dalam format blok |
%order_summary% |
Ringkasan order dalam tabel HTML |
%billing_name% |
Nama penagihan |
%billing_email% |
Email penagihan |
%billing_phone% |
Telepon penagihan |
%billing_address% |
Alamat penagihan |
%shipping_name% |
Nama pengiriman |
%shipping_address% |
Alamat pengiriman |
%indo_ongkir_resi% |
Nomor resi (jika plugin ongkir terintegrasi) |
%order_bank_details% |
Detail rekening bank (untuk BACS) |
Langkah-langkah setup
1. Aktifkan untuk metode pembayaran yang diinginkan
- Buka Settings WhatsApp Checkout Redirect For WooCommerce.
- Centang Enable WhatsApp Redirect for “Direct Bank Transfer (BACS)” Thankyou Page jika ingin redirect untuk transfer bank.
- Centang Enable WhatsApp Redirect for “Cash on Delivery (COD)” Thankyou Page jika ingin redirect untuk COD.
- Anda bisa mengaktifkan keduanya, salah satu, atau tidak sama sekali.
- Simpan.
Fitur dianggap aktif jika minimal satu checkbox gateway dicentang.
2. Sesuaikan pesan redirect (opsional)
- Edit field WhatsApp Redirect Message.
- Sertakan placeholder yang relevan, terutama
%order_items%,%order_total%,%order_id%, dan%billing_name%. - Untuk BACS, pertimbangkan menambahkan
%order_bank_details%di template terpisah (atau arahkan pelanggan ke detail bank di halaman thank you standar). - Simpan.
3. Uji alur checkout
- Buat order uji dengan metode pembayaran yang diaktifkan (misalnya BACS).
- Selesaikan checkout.
- Pastikan Anda diarahkan ke layar WhatsApp, lalu ke aplikasi WhatsApp dengan pesan terisi.
- Verifikasi detail order di pesan sudah benar.
4. Akses halaman Thank You standar (jika perlu)
Secara default, redirect menggantikan halaman Thank You. Untuk melihat halaman Thank You WooCommerce biasa (misalnya saat debugging), tambahkan parameter ?show_thankyou_page=1 ke URL order-received.
Troubleshooting
Setelah checkout, tetap di halaman Thank You biasa
- Pastikan metode pembayaran order cocok dengan gateway yang diaktifkan (BACS atau COD).
- Pastikan checkbox Enable WhatsApp Redirect for “…” Thankyou Page sudah dicentang untuk gateway tersebut.
- Pastikan Main WhatsApp Number di WhatsApp Integration sudah terisi.
- Pastikan field WhatsApp Redirect Message tidak kosong total tanpa placeholder valid (plugin memakai default jika kosong).
Layar loading muncul tapi WhatsApp tidak terbuka
- Periksa nomor WhatsApp di WhatsApp Integration.
- Coba tanpa rotator dulu untuk mengisolasi masalah.
Redirect aktif untuk metode yang tidak diinginkan
- Hapus centang checkbox gateway yang tidak perlu.
- Hanya centang metode pembayaran yang memang ingin Anda arahkan ke WhatsApp.
Pesan WhatsApp tidak lengkap
- Periksa template WhatsApp Redirect Message.
- Pastikan placeholder tidak salah ketik (gunakan
%order_id%, bukan{order_id}).
Ringkasan
Alur minimum: centang enable untuk gateway yang diinginkan (BACS/COD) → sesuaikan WhatsApp Redirect Message → simpan → uji checkout. Pelanggan diarahkan ke WhatsApp dengan ringkasan order, bukan ke halaman Thank You standar.