Panduan Checkout Folkthemes

Alur Halaman Kasir (Checkout Flow) #

Setiap produk memiliki rute checkout publik mandiri di:

https://domainanda.com/checkout/{slug-produk}

Data yang Diminta dari Pelanggan #

1. Nama Lengkap: Digunakan untuk pembuatan identitas akun dan personalisasi pesan notifikasi.
2. Alamat Email: Menjadi username akun WordPress customer dan tujuan pengiriman email setel kata sandi.
3. Nomor WhatsApp: Nomor handphone aktif yang disanitasi ke format internasional (contoh: 0812... otomatis dinormalisasi menjadi 62812...) untuk pengiriman instruksi dan konfirmasi via WhatsApp.
4. Pilihan Metode Pembayaran: Radio pilihan metode yang sedang aktif di toko (Pembayaran Manual, Duitku, Midtrans, Xendit, atau DOKU).
5. Persetujuan Syarat & Ketentuan: Checkbox persetujuan pemesanan.

Mekanisme Keamanan Checkout #

• Honeypot Protection: Bidang input tersembunyi yang mendeteksi dan menggugurkan submit otomatis dari bot spam tanpa membebani manusia dengan captcha yang mengganggu.
• Idempotency Key: Kunci idempotensi unik yang mencegah terciptanya pesanan ganda jika pembeli mengklik tombol submit berkali-kali.
• Rate Limiting: Pembatasan maksimal 10 pesanan per jam untuk setiap alamat IP client guna mencegah serangan flooding formulir.
• Server-side Recalculation: Harga final selalu dihitung ulang di sisi server berdasarkan database produk untuk mencegah manipulasi harga dari inspect element browser.

Perbedaan Alur: Manual vs Automatic Payment #

1. Alur Pembayaran Manual #

1. Pelanggan memilih metode Transfer Bank / QRIS lalu klik tombol Buat Pesanan.
2. Sistem membuat order baru dengan status awaiting_payment dan langsung mengarahkan pelanggan ke halaman status pesanan privat di:
   
   https://domainanda.com/order/{public_token_32_karakter}
3. Pada halaman tersebut, pembeli melihat nominal yang wajib ditransfer, nomor rekening tujuan, gambar QRIS, dan formulir unggah bukti transfer.
4. Setelah bukti diunggah, status pesanan berubah menjadi waiting_verification hingga diverifikasi admin.

2. Alur Pembayaran Otomatis (Payment Gateway) #

1. Pelanggan memilih salah satu gateway aktif (contoh: Duitku) lalu klik tombol Bayar Sekarang.
2. Sistem memanggil API gateway untuk meminta tautan pembayaran resmi dan membuat pesanan berstatus processing_payment.
3. Pelanggan secara otomatis dialihkan ke halaman pembayaran aman payment gateway untuk memilih channel pembayaran (QRIS dinamis, Virtual Account BCA/Mandiri/BRI/BNI, E-Wallet ShopeePay/OVO/GoPay, atau Indomaret/Alfamart).
4. Setelah pelanggan menyelesaikan pembayaran, payment gateway mengirimkan notifikasi callback (webhook) ke server WordPress.
5. Server memverifikasi signature digital webhook, mencocokkan nominal transaksi, dan seketika mengubah status pesanan menjadi Lunas (paid) secara otomatis tanpa campur tangan admin!