Integerasi Pembayaran Kartu Kredit Midtrans di Woocommerce

Sebelum melanjutkan tutorial ini, pastikan kalian telah menginstall WordPress dan Woocommerce di website kalian. Jika sudah, lakukan pendaftaran di: https://account.midtrans.com/register. Midtrans sendiri memiliki 2 mode, yaitu: Sandbox dan Production.

Sandbox adalah suatu mode dimana kita bisa mencoba menggunakan plugin midtrans pada website kita namun hanya sebatas testing. Setiap transaksi yang terjadi pada mode sandbox bukanlah transaksi sebenarnya. Sedangkan Production adalah kebalikan dari mode sandbox, setiap transaksi yang terjadi adalah real transaksi. Ada baiknya kita mencoba mode sandbox sebelum melangkah ke mode production.

Nah, sebelum kita dapat mengaktifkan mode Production, kita harus memenuhi beberapa persyaratan dari Midtrans untuk verifikasi. Beberapa dokumen yang saya ketahui antara lain: KTP, NPWP (jika perorangan) dan SIUP/TDP untuk badan usaha.

Note: Midtrans sebelumnya bernama Veritrans, apabila dibagian selanjutnya ada penggunaan istilah Veritrans, harap dianggap sama dengan Midtrans.

Tutorial

1. Download terlebih dahulu plugin midtrans di: https://github.com/veritrans/SNAP-Woocommerce/archive/master.zip
2. Upload plugin dengan masuk ke: Plugins -> Add New -> Upload Plugin, dan pilih file plugin midtrans. Jika sudah, jangan lupa mengaktifkan plugin tersebut.
3. Masuk ke menu WooCommerce -> Settings -> Checkout -> Midtrans
   • 
   • Berikan tanda centang pada Enable Midtrans Payment
   • Masukkan Client Key dan Server Key anda. Key ini bisa anda dapatkan dengan login ke Merchant Administration Portal (MAP) di: https://dashboard.midtrans.com/ kemudian pilih Settings -> Access Keys
   • Jika sudah, masih di Merchant Administration Portal (MAP), anda harus mengkonfigurasi URL endpoints. Anda dapat mengakses ke Setting -> Konfigurasi dan mengisikan data dibawah sesuai dengan URL website anda. 
     

     Konfigurasi Endpoint

     URL Role	Redirect URL
     Payment Notification URL	http://[your web]/?wc-api=WC_Gateway_Midtrans
     Finish Redirect URL	http://[your web]/?wc-api=WC_Gateway_Midtrans
     Error Redirect URL	http://[your web]/?wc-api=WC_Gateway_Midtrans
     Unfinish Redirect URL	http://[your web]/?wc-api=WC_Gateway_Midtrans

   • Simpan konfigurasi anda.

Jika anda sudah melakukan konfigurasi diatas, seharusnya module / plugin midtrans sudah dapat digunakan. Anda dapat mencoba melakukan checkout dan memilih pembayaran menggunakan kartu kredit pada woocommerce anda.

Jika berhasil, maka akan muncul pop up windows seperti diatas dan anda dapat mencoba melakukan pembayaran. Untuk nomor kartu kredit, anda dapat memasukkan General Testing Card Number yang disediakan dari Midtrans untuk ujicoba pada mode Sandbox. Berikut adalah beberapa listnya:

Untuk list lengkapnya dapat anda lihat di: https://docs.midtrans.com/en/reference/test.html dan perlu anda ingat sebenarnya tidak ada perbedaan yang jauh antara mode sandbox dan production. Perbedaan terutamanya adalah server key dan client key serta mode yang sedang diaktifkan. Jika anda sudah dapat menjalankan dan berhasil checkout serta tidak ada pesan error, maka plugin Midtrans telah berhasil dijalankan di website anda. Semoga berguna.