Cara integrasi Midtrans pada toko online WordPress

Halo, pada artikel ini saya akan membagikan cara integrasi akun Midtrans pada toko online WordPress Anda yang menggunakan template dari Oketheme.

Di era yang serba digital ini, salah satu hal yang perlu dipersiapkan oleh pemilik bisnis online atau toko online adalah sistem pembayaran yang mudah dan aman yang bisa dilakukan dengan menggunakan payment gateway dan salah satu payment gateway yang bisa digunakan adalah Midtrans. Midtrans memberikan kemudahan dalam bertransaksi dan memberikan keuntungan bagi para pembeli dan penjual. Ada beberapa langkah yang harus dipersiapkan di awal seperti mendaftar akun di Midtrans dan melengkapi dokumen yang dibutuhkan.

Saya anggap Anda sudah memiliki akun Midtrans dan siap melakukan integrasi pada website toko online Anda. Jika belum, daftar akun Midtrans secara gratis dengan beberapa cara yaitu via website, whatsapp atau email ke sales. Informasi pendaftaran Midtrans bisa Anda cek disini: https://midtrans.com/id/passport

Persiapan Integrasi

Buka halaman dashboard website toko online > theme options
*Pada tutorial ini saya menggunakan template toko online Lapax dari Oketheme

Buka juga halaman dashboard akun Midtrans Anda

Dengan begitu, akan memudahkan Anda melakukan setingan pada kedua halaman tersebut.

Setingan pada Theme Option (website toko online)

Pilih menu setingan theme options (pengaturan template)

Lalu ke Metode Pembayaran > Payment Gateway > pilih Midtrans

Tampilan theme options (pengaturan template Lapax)

Tersedia 2 tipe mode aktivasi, yaitu production dan sandbox
*Untuk keperluan testing/uji coba, gunakan mode sandbox

Isi kolom Client Key dan Server Key
*Temukan isian kolom pada dashboard Midtrans > Pengaturan > Access Key

Dashboard Midtrans > Pengaturan > Access Key

Setelah kolom tersebut diisi, lanjutkan dengan menyimpan setingan dengan cara klik tombol Save

Setingan pada Dashboard Midtrans

Pilih menu Pengaturan > Konfigurasi

Dashboard Midtrans > Pengaturan > Konfigurasi

Isi beberapa kolom untuk pengaturan URL Redirect, lalu klik tombol simpan/update
*Temukan isian kolom pada Theme options > Metode Pembayaran > Payment Gateway > pilih Midtrans

Redirection URL Endpoint

Selanjutnya, menu Pengaturan > Snap Preferences > tabs System Setting

Scroll ke bawah, maka Anda akan menemukan setingan Redirection dan harus mengisi beberapa kolom juga (isiannya sama seperti sebelumnya)

Tampilan dashboard Midtrans Snap Preferences

Lalu klik tombol save/update

Nah, dengan begitu website toko online Anda telah terintegrasi dengan payment gateway Midtrans. Apabila Anda menggunakan mode sandbox (keperluan testing/ujicoba), lakukan simulasi pembayaran dengan menggunakan detail kartu kredit, qris, dll yang sudah disiapkan oleh Midtrans disini: https://docs.midtrans.com/en/technical-reference/sandbox-test

Bila tutorial diatas kurang jelas, silahkan konsultasi dengan customer assistant kami melalui livechat ataupun Whatsapp. Terima kasih