Nesiapedia

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
    • Integerasi Pembayaran Kartu Kredit Midtrans di Woocommerce
    • 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 Keysaccess-key-midtrans
    • 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.

Integerasi Pembayaran Kartu Kredit Midtrans di Woocommerce

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:

Integerasi Pembayaran Kartu Kredit Midtrans di Woocommerce

Integerasi Pembayaran Kartu Kredit Midtrans di Woocommerce

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.

 

 

Andri Sutanto

1 comment