Cara Setting Payment Gateway di WooCommerce Indonesia: Midtrans, Xendit, DOKU

Apa Itu Payment Gateway dan Mengapa Krusial untuk Toko WooCommerce?

Cara setting payment gateway di WooCommerce adalah salah satu langkah paling penting dalam membangun toko online yang fungsional. Payment gateway adalah layanan yang memproses transaksi pembayaran online antara pembeli dan toko Anda - bertindak sebagai jembatan yang aman antara metode pembayaran pelanggan (kartu kredit, transfer bank, dompet digital) dan rekening bank Anda.

Tanpa payment gateway yang tepat, toko WooCommerce Anda hanya bisa menerima pembayaran manual via transfer bank konvensional - yang artinya Anda harus verifikasi setiap transaksi secara manual, pembeli tidak mendapat konfirmasi instan, dan pengalaman belanja terasa tidak profesional. Payment gateway mengotomasi semua proses ini: notifikasi pembayaran instan, update status pesanan otomatis, dan rekonsiliasi keuangan yang jauh lebih mudah.

Untuk pasar Indonesia, ada tiga payment gateway utama yang wajib dipertimbangkan: Midtrans, Xendit, dan DOKU. Ketiganya terintegrasi dengan WooCommerce melalui plugin resmi dan mendukung semua metode pembayaran populer di Indonesia. Panduan ini akan memandu Anda step-by-step untuk setting ketiga payment gateway tersebut.

Perbandingan Payment Gateway WooCommerce Indonesia

Sebelum memulai cara setting payment gateway, penting untuk memahami perbedaan masing-masing opsi agar bisa memilih yang paling sesuai dengan kebutuhan bisnis Anda:

Cara Setting Midtrans di WooCommerce (Step-by-Step)

Midtrans adalah rekomendasi utama untuk cara setting payment gateway WooCommerce Indonesia karena kelengkapan metode pembayaran, kemudahan integrasi, dan dukungan lokal yang sangat baik.

Langkah 1: Daftar dan Verifikasi Akun Midtrans

1. Kunjungi midtrans.com dan klik Daftar Sekarang
2. Isi formulir pendaftaran dengan data bisnis Anda: nama bisnis, kategori bisnis, dan nomor handphone
3. Verifikasi email yang dikirim ke alamat Anda
4. Login ke dashboard Midtrans dan lengkapi informasi bisnis:
   • Jenis bisnis (perorangan, CV, PT)
   • Dokumen KTP/NPWP/Akta perusahaan (untuk bisnis berbadan hukum)
   • Informasi rekening bank untuk settlement
5. Proses verifikasi biasanya memakan waktu 1–3 hari kerja. Sambil menunggu, Anda bisa melanjutkan setup di mode Sandbox.

Langkah 2: Dapatkan API Keys Midtrans

1. Di dashboard Midtrans, buka Settings > Access Keys
2. Anda akan melihat dua set API keys:
   • Sandbox Keys: Untuk testing - transaksi tidak nyata dan tidak ada uang yang berpindah
   • Production Keys: Untuk transaksi live yang nyata
3. Catat Server Key dan Client Key untuk environment Sandbox terlebih dahulu
4. Jangan bagikan Server Key kepada siapapun - ini adalah kunci rahasia yang hanya boleh ada di server Anda

Langkah 3: Install Plugin Midtrans WooCommerce

1. Login ke dashboard WordPress, buka Plugins > Add New Plugin
2. Cari "Midtrans WooCommerce" atau "Midtrans-WooCommerce"
3. Temukan plugin resmi dari Midtrans (pengembang: Midtrans) dan klik Install Now
4. Setelah instalasi selesai, klik Activate

Alternatif: Download plugin dari github.com/veritrans/SNAP-Woocommerce dan upload manual ke WordPress.

Langkah 4: Konfigurasi Plugin Midtrans

1. Buka WooCommerce > Settings > Payments
2. Temukan Midtrans dalam daftar payment methods dan klik Manage
3. Isi konfigurasi berikut:
   • Enable/Disable: Centang untuk mengaktifkan Midtrans
   • Title: Nama yang ditampilkan ke pembeli, misalnya "Bayar dengan Midtrans (VA, Kartu, E-Wallet)"
   • Description: Deskripsi singkat metode pembayaran
   • Merchant ID: Isi dengan Merchant ID dari dashboard Midtrans
   • Client Key: Isi dengan Client Key dari Sandbox (untuk testing)
   • Server Key: Isi dengan Server Key dari Sandbox (untuk testing)
   • Environment: Pilih Sandbox untuk sementara
   • Enable 3D Secure: Aktifkan untuk keamanan tambahan kartu kredit
4. Klik Save changes

Langkah 5: Konfigurasi Notifikasi di Dashboard Midtrans

Agar status pesanan WooCommerce otomatis terupdate saat pembayaran berhasil, Anda perlu mengkonfigurasi webhook di Midtrans:

1. Di dashboard Midtrans, buka Settings > Configuration
2. Di bagian Payment Notification URL, isi dengan URL berikut:
   https://namadomain.com/?wc-api=WC_Midtrans
3. Di bagian Finish Redirect URL: https://namadomain.com/checkout/order-received/
4. Di bagian Error Redirect URL: https://namadomain.com/checkout/
5. Klik Save

Langkah 6: Testing Transaksi Midtrans

Sebelum go-live, lakukan testing dengan mode Sandbox:

1. Buka toko WooCommerce, tambahkan produk ke keranjang dan lakukan checkout
2. Pilih Midtrans sebagai metode pembayaran
3. Popup Midtrans Snap akan muncul dengan semua pilihan metode pembayaran
4. Gunakan data test yang disediakan Midtrans:
   • Kartu kredit: nomor 4811 1111 1111 1114, CVV: 123, expired: bulan/tahun di masa depan
   • GoPay: gunakan akun test Midtrans simulator
   • Virtual Account: ikuti instruksi simulator Midtrans
5. Verifikasi pesanan berubah status menjadi "Processing" setelah pembayaran sukses
6. Cek email notifikasi diterima dengan benar

Langkah 7: Switch ke Production Mode

Setelah testing berhasil dan akun Midtrans sudah terverifikasi:

1. Kembali ke WooCommerce > Settings > Payments > Midtrans > Manage
2. Ganti Client Key dan Server Key dengan Production Keys dari dashboard Midtrans
3. Ubah Environment dari Sandbox ke Production
4. Update juga Payment Notification URL di dashboard Midtrans jika ada perbedaan antara URL staging dan production
5. Klik Save changes

Toko Anda sekarang siap menerima pembayaran nyata melalui Midtrans.

Cara Setting Xendit di WooCommerce (Step-by-Step)

Xendit adalah alternatif Midtrans yang semakin populer, terutama di kalangan startup teknologi dan bisnis yang membutuhkan API yang lebih fleksibel dan proses settlement yang lebih cepat.

Langkah 1: Daftar Akun Xendit

1. Kunjungi xendit.co dan klik Mulai Gratis
2. Isi formulir pendaftaran dan verifikasi email
3. Login dan lengkapi profil bisnis (KYB - Know Your Business):
   • Tipe bisnis (personal, CV, PT)
   • Informasi pemegang saham dan direktur (untuk PT/CV)
   • Dokumen legal yang diperlukan
   • Rekening bank untuk settlement dana
4. Proses verifikasi Xendit biasanya lebih cepat dari Midtrans - sekitar 1–2 hari kerja

Langkah 2: Dapatkan API Keys Xendit

1. Di dashboard Xendit, buka Settings > Developers
2. Catat:
   • Secret API Key (setara dengan Server Key di Midtrans)
   • Public API Key (setara dengan Client Key)
3. Xendit menyediakan dua set key: test mode dan live mode
4. Gunakan test keys terlebih dahulu selama proses setup dan testing

Langkah 3: Install Plugin Xendit WooCommerce

1. Di dashboard WordPress, buka Plugins > Add New Plugin
2. Cari "Xendit WooCommerce"
3. Install dan aktifkan plugin resmi dari Xendit

Langkah 4: Konfigurasi Xendit di WooCommerce

1. Buka WooCommerce > Settings > Payments
2. Temukan payment methods dari Xendit (akan muncul beberapa entry: Xendit Credit Card, Xendit Virtual Account, dll.)
3. Klik Manage pada salah satu metode Xendit untuk mengakses pengaturan umum
4. Isi konfigurasi:
   • Secret Key: Masukkan Secret API Key dari dashboard Xendit
   • Public Key: Masukkan Public API Key
   • Environment: Pilih Test Mode untuk testing
5. Aktifkan metode pembayaran yang ingin ditampilkan ke pembeli: Virtual Account, Credit Card, E-Wallet, QRIS
6. Klik Save changes

Langkah 5: Konfigurasi Webhook Xendit

1. Di dashboard Xendit, buka Settings > Developers > Webhooks
2. Tambahkan webhook URL:
   https://namadomain.com/?wc-api=xendit_virtual_account (untuk Virtual Account)
   https://namadomain.com/?wc-api=xendit_credit_card (untuk Kartu Kredit)
   https://namadomain.com/?wc-api=xendit_ewallet (untuk E-Wallet)
3. Catat Webhook Verification Token dari dashboard Xendit dan masukkan ke pengaturan plugin Xendit di WooCommerce
4. Klik Save di dashboard Xendit

Langkah 6: Testing Xendit

1. Lakukan test checkout di toko Anda dengan memilih salah satu metode Xendit
2. Gunakan akun test dan data kartu test yang disediakan di dokumentasi Xendit
3. Verifikasi status pesanan WooCommerce berubah otomatis setelah pembayaran dikonfirmasi
4. Setelah testing sukses, ganti ke Live Mode di pengaturan plugin dan update API keys dengan production keys

Cara Setting DOKU di WooCommerce (Step-by-Step)

DOKU adalah pilihan yang tepat untuk bisnis enterprise, perusahaan besar, atau bisnis yang membutuhkan track record payment gateway yang panjang dan terpercaya.

Langkah 1: Daftar Akun DOKU

1. Kunjungi doku.com dan klik Daftar sebagai Merchant
2. Proses pendaftaran DOKU cenderung lebih formal dan memerlukan dokumen yang lebih lengkap dibanding Midtrans atau Xendit - termasuk SIUP, TDP/NIB, dan dokumen korporasi lainnya untuk bisnis berbadan hukum
3. Setelah dokumen diverifikasi (3–5 hari kerja), Anda akan mendapatkan akses ke dashboard DOKU Kiosnav

Langkah 2: Dapatkan Credentials DOKU

1. Login ke dashboard DOKU
2. Dapatkan Merchant ID dan Shared Key dari pengaturan akun
3. Untuk DOKU Jokul (API terbaru), dapatkan Client ID dan Secret Key

Langkah 3: Install Plugin DOKU WooCommerce

1. Cari plugin "DOKU WooCommerce" atau "WooCommerce DOKU Payments" di repositori WordPress
2. Alternatif: unduh plugin dari halaman developer DOKU di doku.com/developer
3. Install dan aktifkan plugin

Langkah 4: Konfigurasi Plugin DOKU

1. Buka WooCommerce > Settings > Payments
2. Aktifkan DOKU dan klik Manage
3. Isi Client ID, Secret Key, dan pilih environment (Sandbox/Production)
4. Aktifkan metode pembayaran yang ingin digunakan
5. Klik Save changes

Mengaktifkan Transfer Bank Manual di WooCommerce

Selain payment gateway berbayar, transfer bank manual (BACS) adalah cara setting payment gateway WooCommerce yang paling sederhana dan tidak membutuhkan biaya apapun. Meskipun manual, metode ini masih sangat relevan untuk bisnis B2B dan pelanggan yang lebih nyaman dengan cara konvensional.

1. Buka WooCommerce > Settings > Payments
2. Klik Manage di sebelah Direct bank transfer (BACS)
3. Aktifkan metode ini dan isi konfigurasi:
   • Title: "Transfer Bank" atau "Bayar via Transfer"
   • Description: Instruksi singkat untuk pembeli
   • Instructions: Teks yang muncul di halaman konfirmasi pesanan dan email - isi nomor rekening, nama penerima, dan instruksi konfirmasi pembayaran
4. Di bagian Account details, klik Add account dan isi:
   • Account name: nama sesuai buku tabungan
   • Account number: nomor rekening
   • Bank name: BCA, Mandiri, BNI, BRI, dll.
   • Sort code: SWIFT/BIC code bank (opsional, tidak wajib untuk transfer domestik)
   • IBAN: kosongkan untuk bank Indonesia
5. Tambahkan semua rekening bank yang aktif (bisa lebih dari satu)
6. Klik Save changes

Mengaktifkan Cash on Delivery (COD) di WooCommerce

COD masih sangat populer di Indonesia, terutama untuk pembeli baru yang belum sepenuhnya percaya berbelanja online. Cara setting payment gateway COD di WooCommerce:

1. Buka WooCommerce > Settings > Payments
2. Klik Manage di Cash on delivery
3. Aktifkan dan konfigurasi:
   • Enable for shipping methods: Pilih zona/metode pengiriman mana yang mendukung COD (misalnya hanya untuk zona Jabodetabek)
   • Accept for virtual orders: Nonaktifkan - COD tidak masuk akal untuk produk digital
   • Isi instruksi yang jelas tentang prosedur COD
4. Klik Save changes

Pertimbangkan untuk membatasi COD hanya untuk area tertentu yang bisa Anda handle (misal hanya kota Anda) atau menetapkan minimum order untuk mengurangi risiko penolakan saat pengiriman.

Tips Mengoptimasi Halaman Checkout WooCommerce

Cara setting payment gateway yang sempurna tidak akan efektif jika halaman checkout terlalu rumit atau memiliki gesekan yang tidak perlu. Berikut tips optimasi checkout untuk meningkatkan konversi:

Aktifkan Guest Checkout

Banyak pembeli yang tidak mau membuat akun hanya untuk satu kali belanja. Di WooCommerce > Settings > Accounts & Privacy, aktifkan opsi "Allow customers to place orders without an account". Penelitian konsisten menunjukkan bahwa memaksakan registrasi sebelum checkout bisa mengurangi konversi hingga 30%.

Sederhanakan Form Checkout

Hapus field yang tidak diperlukan dari form checkout. WooCommerce secara default menampilkan banyak field yang mungkin tidak relevan untuk bisnis Anda. Gunakan plugin Checkout Field Editor untuk menghapus, menyembunyikan, atau mengubah urutan field. Semakin sedikit yang perlu diisi pembeli, semakin tinggi kemungkinan mereka menyelesaikan pembelian.

Tampilkan Logo Metode Pembayaran

Kepercayaan visual sangat penting di halaman checkout. Tampilkan logo BCA, Mandiri, GoPay, dan metode pembayaran lainnya yang Anda terima. Pembeli yang melihat logo bank favorit mereka langsung merasa lebih yakin untuk melanjutkan pembayaran.

Gunakan SSL dan Tampilkan Indikator Keamanan

Pastikan SSL aktif dan URL dimulai dengan https://. Tambahkan badge keamanan ("Transaksi Aman dengan SSL 256-bit") di dekat tombol checkout. Indikator keamanan yang visible dapat meningkatkan kepercayaan pembeli secara signifikan.

Optimasi untuk Mobile

Lebih dari 70% pembeli online Indonesia menggunakan smartphone. Test tampilan dan fungsi checkout di berbagai ukuran layar. Pastikan tombol cukup besar untuk diketuk, form mudah diisi dengan keyboard mobile, dan popup payment gateway tampil dengan baik di layar kecil.

Troubleshooting Masalah Payment Gateway WooCommerce

Status Pesanan Tidak Otomatis Terupdate

Jika pembayaran sudah berhasil di pihak payment gateway namun status pesanan di WooCommerce tidak berubah, kemungkinan masalah ada di konfigurasi webhook/notification URL. Verifikasi:

• Notification URL yang diset di dashboard payment gateway sudah benar
• URL dapat diakses publik (tidak ada password protection atau maintenance mode)
• SSL certificate aktif dan tidak ada error sertifikat
• Server key yang dimasukkan di plugin sudah benar (bukan client key)
• Periksa log plugin di WooCommerce > Status > Logs untuk pesan error spesifik

Error "Payment Gateway Not Available"

Jika payment gateway tidak muncul di halaman checkout, periksa:

• Plugin payment gateway sudah diaktifkan di WooCommerce > Settings > Payments
• Metode pembayaran dikonfigurasi untuk zona pengiriman yang digunakan pembeli
• Tidak ada konflik dengan plugin lain - coba nonaktifkan plugin satu per satu untuk mengidentifikasi konflik
• Versi WooCommerce dan plugin payment gateway sudah up-to-date

Pembayaran Berhasil Tapi Pesanan Berstatus "Pending"

Ini biasanya masalah webhook yang tidak terproses. Solusi cepat: di halaman order admin, ubah status manually ke "Processing". Untuk solusi permanen, debug webhook menggunakan fitur Webhook Inspector di Midtrans atau Webhook Logs di Xendit untuk melihat apakah webhook terkirim dan diterima dengan benar.

FAQ: Cara Setting Payment Gateway WooCommerce Indonesia

Apakah bisa menggunakan lebih dari satu payment gateway di WooCommerce?

Ya, WooCommerce mendukung multiple payment gateway secara bersamaan. Anda bisa mengaktifkan Midtrans, transfer bank manual, dan COD sekaligus - pembeli akan melihat semua opsi ini di halaman checkout dan bisa memilih yang paling nyaman bagi mereka. Mengaktifkan lebih banyak metode pembayaran umumnya meningkatkan konversi karena mengurangi kemungkinan pembeli tidak menemukan metode yang mereka inginkan.

Berapa biaya yang dikenakan payment gateway per transaksi?

Setiap payment gateway mengenakan MDR (Merchant Discount Rate) yang berbeda per jenis transaksi. Sebagai panduan umum: Virtual Account sekitar 0–5.000 Rupiah per transaksi, kartu kredit 2–2.9%, QRIS 0.7%, dompet digital 1.5–2%. Biaya ini dibebankan kepada merchant (Anda) bukan ke pembeli, kecuali Anda secara eksplisit memindahkan biaya ke pembeli (praktik ini perlu dikomunikasikan dengan jelas agar tidak menurunkan kepercayaan).

Apakah aman menyimpan data kartu kredit pelanggan di WooCommerce?

Payment gateway terpercaya seperti Midtrans dan Xendit bersertifikasi PCI-DSS (Payment Card Industry Data Security Standard) dan tidak menyimpan data kartu kredit di server Anda. Data kartu diproses dan disimpan sepenuhnya di infrastruktur payment gateway yang sudah diaudit keamanannya. Anda sebagai merchant hanya menerima token transaksi - bukan data kartu asli.

Berapa lama proses pencairan dana (settlement) dari payment gateway?

Umumnya settlement memakan waktu T+1 hingga T+2 - artinya dana dari transaksi hari ini akan masuk ke rekening bank Anda dalam 1–2 hari kerja berikutnya. Xendit dikenal dengan settlement yang lebih cepat, termasuk real-time disbursement untuk beberapa metode. Jadwal settlement bisa berbeda tergantung metode pembayaran dan hari transaksi (transaksi akhir pekan biasanya di-batch dengan hari Senin).

Apakah Midtrans atau Xendit lebih baik untuk toko baru?

Untuk toko baru, Midtrans sedikit lebih direkomendasikan karena dokumentasi dalam Bahasa Indonesia yang lebih lengkap, proses onboarding yang sangat user-friendly, dan support lokal yang mudah dihubungi. Namun Xendit juga pilihan yang sangat baik dengan kelebihan di sisi kecepatan settlement dan antarmuka developer yang lebih modern. Pertimbangkan untuk mendaftar keduanya - pendaftaran gratis dan tidak ada minimum transaksi - lalu pilih mana yang lebih cocok dengan workflow bisnis Anda.

Bagaimana cara mengetes payment gateway sebelum toko go-live?

Semua payment gateway mayor (Midtrans, Xendit, DOKU) menyediakan mode Sandbox/Test yang memungkinkan Anda melakukan transaksi simulasi tanpa uang nyata. Gunakan nomor kartu test, akun test dompet digital, dan virtual account test yang disediakan di dokumentasi developer masing-masing payment gateway. Selalu lakukan testing menyeluruh di mode Sandbox sebelum switch ke Production - pastikan status pesanan terupdate, email notifikasi terkirim, dan semua edge case (pembayaran gagal, timeout, refund) sudah ditest.