Panduan masih dalam tahap pengembangan.

Payment Gateway Midtrans

Midtrans adalah salah satu layanan payment gateway yang ada di Indonesia. Dengan Midtrans, Anda dapat menerima pembayaran dari pembeli secara otomatis. Pembeli melakukan pembelian produk di website Anda, setelah itu pembeli tinggal transfer ke nomor virtual account yang sudah ditentukan, dan otomatis status transaksi yang tadinya Menunggu Pembayaran berubah menjadi Sudah Dibayar, dan Anda bisa langsung memproses pesanan, tidak perlu lagi menerima bukti transfer dari pembeli karena sistem Midtrans yang akan mengurusi semuanya.

Pelajari secara lengkap mengenai Midtrans di situs resminya https://midtrans.com/

Ikuti panduan berikut untuk melakukan konfigurasi Midtrans dan menghubungkan dengan website Anda.

  1. Daftar Midtrans terlebih dahulu jika belum punya akun, Anda bisa mengakses link https://dashboard.midtrans.com/register
  2. Silakan isi semua kolom yang tersedia lalu klik tombol Daftar.midtrans register page
    • NAMA BISNIS: Isi dengan nama bisnis atau nama toko online Anda.
    • NAMA LENGKAP: Isi dengan nama lengkap Anda.
    • EMAIL BISNIS: Isi dengan email bisnis atau email pribadi Anda.
    • NOMOR TELEPON BISNIS: Isi dengan nomor telepon bisnis atau nomor telepon pribadi Anda.
    • PASSWORD: Buat password akun Anda
    • KONFIRMASI PASSWORD: Tulis ulang password Anda
  3. Buka email Anda yang digunakan untuk melakukan pendaftaran Midtrans lalu lakukan verifikasi email seperti biasa.
  4. Pastikan Anda memilih tab Merchant dan silakan login menggunakan email dan password yang sudah Anda buat.login page midtrans
  5. Berikut adalah tampilan dashboard Midtrans ketika Anda berhasil login.midtrans dashboard

 

Informasi:

Ada dua environment pada Midtrans yaitu Sandbox dan Production. Sandbox adalah environment yang bisa Anda gunakan untuk testing pembayaran sehingga nanti Anda bisa menggunakan simulator ketika membayar. Berbeda dengan Production yang bisa Anda gunakan jika ingin menerima pembayaran secara real dengan uang asli.

Disini penulis akan memberikan panduan kedua environment tersebut, silakan langsung scroll ke panduan environment yang ingin Anda gunakan.

 

Environment Sandbox

  1. Pastikan Anda sudah berada di environment sandbox dengan mengganti environment yang berada di kiri atas.change environment midtrans
  2. Buka Menu PENGATURAN lalu submenu ACCESS KEYS dan akan muncul halaman Access Keys. Access Keys ini yang nanti harus Anda hubungkan dengan website Anda.access keys midtrans
  3. Silakan buka folder source code website nya. Jika menggunakan cPanel ada di file manager, jika di macOS ada di folder Application/XAMPP/xamppfiles/htdocs/ atau mungkin ditempat lain silakan disesuaikan saja.finder macos file manager hosting
  4. Setelah itu buka folder application/config/ disitu ada file config.php silakan Anda buka dan isi sesuai ketentuan. Jangan lupa disimpan jika sudah melakukan perubahan.config.php
    • Line 7 isi dengan Client key yang ada di dashboard midtrans pada langkah ke-2.
    • Line 8 isi dengan Server key yang ada di dashboard midtrans pada langkah ke-2.
    • Line 9 isi dengan FALSE karena kita akan bermain-main dengan environment sandbox terlebih dahulu.
  5. Sekarang website Anda sudah terhubung dengan Midtrans. Untuk mengetes apakah sudah berfungsi dengan baik silakan Anda berbelanja pada website Anda. Jangan lupa ketika di halaman checkout pilih Metode Pembayaran Verifikasi Otomatis (Midtrans).checkout page buntoapp
  6. Pada halaman berhasil silakan Anda klik tombol Pilih Metode Pembayaran. Jika muncul popup seperti ini (popup Midtrans) artinya konfigurasi Midtrans dan koneksi website Anda dengan Midtrans sudah berhasil.popup midtrans
  7. Kita akan mencoba simulasi pembayaran. Silakan pilih salah satu metode yang tersedia. Sebagai contoh penulis akan memilih Transfer bank dan memilih BCA. Akan muncul informasi cara bayar dan nomor virtual account. Silakan salin saja nomor virtual account-nya. midtrans payment method bca
  8. Untuk mencoba melakukan simulasi pembayaran, Anda bisa menggunakan simulator yang disediakan oleh Midtrans pada link https://simulator.sandbox.midtrans.com/assets/index.html. Setelah terbuka silakan Anda pilih menu Payment Page lalu pilih metode pembayaran yang tadi Anda pilih. Dalam hal ini penulis menggunakan BCA Virtual Account.midtrans simulator
  9. Setelah terbuka halamannya, silakan Anda tempelkan nomor virtual account yang tadi sudah disalin. Setelah itu klik tombol Inquire.midtrans payment
  10. Jika muncul halaman Payment Success artinya Anda sudah berhasil melakukan pembayaran.
  11. Buka website toko online Anda dan tunggu maksimal 1 menit (biasanya hanya beberapa detik saja) maka akan langsung diarahkan ke halaman detail transaksi dengan status transaksi yaitu Menunggu Konfirmasi (sudah dibayar).detail transaction buntoapp
  12. Anda bisa membuka halaman admin panel dan masuk ke menu Transaksi. Terdapat transaksi yang baru saja dilakukan dengan status pesanan Sudah Dibayar.admin panel buntoapp

Info:

Jika Anda melakukan di localhost dan statusnya tidak berubah, itu karena Midtrans tidak dapat mengirim status transaksi terbaru ke localhost. Sebagai solusi, Anda bisa menggunakan https://ngrok.com/ agar localhost Anda bisa menjadi online dan dapat diakses secara publik. Untuk panduan menggunakan ngrok Anda bisa membaca dokumentasi yang di sediakan oleh ngrok atau mencari di google. Anda bisa menghubungi kami jika mengalami kendala atau merasa bingung.

 

Environment Production

  1. Pastikan Anda sudah berada di environment Production dengan mengganti environment yang berada di kiri atas.environment production midtrans
  2. Pada dashboard Midtrans terdapat banner berwarna oren yang menginformasikan bahwa Anda harus menyelesaikan registrasi Anda. Silakan di klik tombol di sini atau jika tidak ada banner tersebut Anda bisa klik link https://passport.midtrans.com/dashboard midtrans
  3. Anda akan dibawa ke halama Registrasi Passport Midtrans, silakan dipilih berdasarkan tipe bisnis Anda. Jika Anda memiliki bisnis seperti PT, CV, Yayasan, dll. Anda bisa memilih Badan Usaha. Namun jika bisnis Anda adalah individu silakan pilih Perorangan. Setelah menentukan tipe bisnisnya, silakan klik Daftar.
  4. Silakan Anda registrasi secara mandiri dengan mengikuti arahan dari Midtrans. Jika Anda mengalami kendala ketika registrasi, silakan hubungi pihak Midtrans dengan mengirimkan email ke activation@midtrans.com.
  5. Penulis asumsikan Anda sudah melakukan aktivasi akun Midtrans dan sudah di approved. Selanjutnya adalah menghubungkan Midtrans dengan website kita.
  6. Pada dashbord Midtrans, buka menu PENGATURAN lalu submenu ACCESS KEYS dan akan muncul halaman Access Keys. Access Keys ini yang nanti harus Anda hubungkan dengan website Anda.access keys midtrans
  7. Silakan buka folder source code website nya. Jika menggunakan cPanel ada di file manager, jika di macOS ada di folder Application/XAMPP/xamppfiles/htdocs/ atau mungkin ditempat lain silakan disesuaikan saja.finder macosfile manager hosting
  8. Setelah itu buka folder application/config/ disitu ada file config.php silakan Anda buka dan isi sesuai ketentuan. Jangan lupa disimpan jika sudah melakukan perubahan.settingan config.php
    • Line 7 isi dengan Client key yang ada di dashboard midtrans pada langkah ke-6.
    • Line 8 isi dengan Server key yang ada di dashboard midtrans pada langkah ke-6.
    • Line 9 isi dengan TRUE yang menandakan kita akan menggunakan environment Production dan siap untuk go live menerima pembayaran real.
  9. Sekarang website Anda sudah terhubung dengan Midtrans. Untuk mengetes apakah sudah berfungsi dengan baik silakan Anda berbelanja pada website Anda.

    Info:

    Jika Anda melakukan di localhost dan statusnya tidak berubah ketika sudah melakukan transaksi dan sudah bayar, itu karena Midtrans tidak dapat mengirim status transaksi terbaru ke localhost. Sebagai solusi, Anda bisa menggunakan https://ngrok.com/ agar localhost Anda bisa menjadi online dan dapat diakses secara publik. Untuk panduan menggunakan ngrok Anda bisa membaca dokumentasi yang di sediakan oleh ngrok atau mencari di google. Anda bisa menghubungi kami jika mengalami kendala atau merasa bingung.