IPAY88
Adalah Penyedia Layanan Online Payment Gateway yang sudah terhubung dengan Magento.
Konfigurasi ipay88 oleh Admin
Magento Backoffice > Store > Configuration > Sales > Payment Method > ipay88
Gambar 1. Tampilan Menu Ipay88 pada payment method
Bagian-bagian Konfigurasi ipay88 OVO
Gambar 2. Tampilan Setting Ipay88
Title : Adalah judul yang akan muncul pada frontend.
Enabled : set enable YES untuk mengaktifkan fitur
New Order Status : Status yang akan muncul pada front end saat melakukan order. Set pada Pending Payment.
Merchant Code : Kode Pedagang yang didapat setelah registrasi ipay88
Merchant Key : Key Pedagang yang didapat setelah registrasi ipay88
Test mode : Adalah setting untuk mode Testing. Set YES jika sedang dalam masa testing, Set NO jika sebaliknya.
Credit Card
Credit Card (BCA) : Adalah opsi untuk mengaktifkan / memunculkan credit card BCA pada frontend
Credit Card (BRI) : Adalah opsi untuk mengaktifkan / memunculkan credit card BRI pada frontend
Credit Card (CIMB) : Adalah opsi untuk mengaktifkan / memunculkan credit card CIMB pada frontend
Credit Card (CIMB Authorization) : Adalah opsi untuk mengaktifkan / memunculkan credit card CIMB Authorization pada frontend
Credit Card (CIMB IPG) : Adalah opsi untuk mengaktifkan / memunculkan credit card CIMB IPG pada frontend
Credit Card (Danamon) : Adalah opsi untuk mengaktifkan / memunculkan credit card Danamon pada frontend
Credit Card (Mandiri) : Adalah opsi untuk mengaktifkan / memunculkan credit card Mandiri pada frontend
Credit Card (MayBank) : Adalah opsi untuk mengaktifkan / memunculkan credit card MayBank pada frontend
Credit Card (UnionPay) : Adalah opsi untuk mengaktifkan / memunculkan credit card Unionpay pada frontend
Credit Card (UOB) : Adalah opsi untuk mengaktifkan / memunculkan credit card UOB pada frontend
CIMB Clicks : Adalah opsi untuk mengaktifkan / memunculkan CIMB Click pada frontend
Muamalat IB : Adalah opsi untuk mengaktifkan / memunculkan Muamalat IB pada frontend
Danamon Online Banking : Adalah opsi untuk mengaktifkan / memunculkan Danamon Online Banking pada frontend
Mandiri ATM : Adalah opsi untuk mengaktifkan / memunculkan Mandiri ATM pada frontend
VA
Maybank VA : Adalah opsi untuk mengaktifkan / memunculkan MayBank VA pada frontend
BCA VA : Adalah opsi untuk mengaktifkan / memunculkan BCA VA pada frontend
BNI VA : Adalah opsi untuk mengaktifkan / memunculkan BNI VA pada frontend
Permata VA : Adalah opsi untuk mengaktifkan / memunculkan Permata VA pada frontend
OVO : Adalah opsi untuk mengaktifkan / memunculkan OVO pada frontend
Pay by QR : Adalah opsi untuk mengaktifkan / memunculkan Pay by QR pada frontend
Pay4ME : Adalah opsi untuk mengaktifkan / memunculkan Pay4ME pada frontend
Kredivo : Adalah opsi untuk mengaktifkan / memunculkan Kredivo pada frontend
Alfamart : Adalah opsi untuk mengaktifkan / memunculkan Alfamart pada frontend
Payment from Applicable Countries : Pembayaran dari Negara yang Berlaku. Set pada All Allowed Country
jika berlaku pada seluruh negara. Set Specific country jika hanya berlaku di negara tertentu.
Payment from Specific Countries : Pembayaran dari Negara Tertentu. Akan muncul jika melakukan Set pada specific
country. Jika di lakukan Set Allowed Country maka tidak akan bisa memilih negara tertentu.
Instructions : Perintah yang akan diberikan. Kosongkan jika tidak ingin membuat perintah.
Sort order : Pengurutan pesanan.
Klik save Config
Tampilan Ipay88 Pada frontend
Gambar 3. Tampilan Setting Ipay88
IPAY88 OVO
Adalah layanan pembayaran ipay88 yang terintegrasi dengan OVO. Layanan pembayaran ini akan membantu pembeli dalam pembayaran pesanan produk dengan OVO.
Flowchart
Konfigurasi Ipay88 OVO
Gambar 4: Tampilan menu pada admin backoffice
Silahkan masuk ke Magento Backoffice/Admin > Store > Configuration > Sales > Payment Method
Setelah masuk di menu Payment Methods pilih menu Other Payment Methods dan pilih Ipay88 OVO
Gambar 5. Tampilan pada payment method
Dropdown pada menu ipay88 OVO
Gambar 6. Tampilan pada payment method
Title: masukan nama yang akan digunakan pada tampilan pilihan payment methods pada payment page
Enable: untuk mengatur layanan atau alat pembayaran tersebut aktif atau tidak, jika memilih Yes maka ipay88 OVO
dapat digunakan sebagai alat pembayaran ketika melakukan pemesanan
Gambar 7. Tampilan pada payment method
New Order Status: untuk memilih status dari pesanan baru yang masuk dengan menggunakan ipay88 OVO.
Status tersebut akan muncul pada bagian front end atau backoffice/admin.
Gambar 8. Tampilan pada payment method
Payment from Applicable Countries: digunakan untuk mengatur negara yang dapat menggunakan ipay88 OVO
sebagai alat pembayaran. Terdapat 2 (dua) pilihan yaitu All Allowed Countries dan Specific Countries. J
ika memilih All Allowed Countries maka akan otomatis memilih semua daftar negara yang berada pada
Payment from Specific Countries dan Specific Countries harus memilih secara manual negara yang dapat
menggunakan ipay88 OVO sebagai metode pembayaran.
Gambar 9. Tampilan bagian-bagian Ipay88OVO
Instructions : Perintah yang akan diberikan, kosongkan jika tidak ingin membuat perintah
Sort order : Pengurutan pesanan. 0 adalah prioritas urutan yang dilakukan
Agar ipay88 OVO dapat muncul dan dapat digunakan untuk checkout perlu mengatur pada bagian Checkout di bagian Payment Grouping. Untuk menambahkan di bagian Payment Grouping bisa mengikuti langkah dari user guide Setting Payment Grouping.
Flow Order Di Frontend Dengan Ipay88 OVO
Silahkan masuk pada halaman website produk yang akan dibeli
Gambar 10. Tampilan Minicart pada Frontend
Add to cart atau tambah produk ke keranjang belanja
Checkout produk , lengkapi alamat pengiriman dan pilih jasa pengiriman yang akan digunakan
Gambar 11. Tampilan halaman Checkout pada Frontend
Pada bagian Payment Methods pilih Ipay88 OVO atau OVO
Gambar 12. Tampilan halaman ipay-OVO pada Frontend
Klik tombol Pesan atau Place Order maka redirect ke halaman pembayaran OVO
Gambar 13. Tampilan halaman ipay-OVO pada Frontend
Masukan nomor yang sudah terdaftar dalam OVO dan pastikan saldo sudah terpenuhi lalu klik tombol Proceed Payment
Cek pada notifikasi aplikasi OVO dan terima pembayaran
Gambar 14.Tampilan halaman Thankyou pada Frontend
Setelah melakukan pembayaran akan redirect ke halaman Thank you Page
Gambar 15. Tampilan menu Order pada Backoffice
Pesanan sudah masuk pada Backoffice atau Admin
Tampilan Frontend
Gambar 16. Tampilan Frontend di Checkout Page.