Pembayaran dengan Payment Gateway Midtrans

Selain menggunakan metode pembayaran manual (transfer bank), Template Juragan juga bisa menggunakan layanan payment gateway dari Midtrans.

Dengan menggunakan payment gateway dari Midtrans proses pembayaran menjadi lebih mudah. Pengunjung bisa melakukan pembayaran melalui QRIS, E-Wallet, dan Bank Virtual Account yang disediakan oleh Midtrans.

Untuk pendaftaran akun Midtrans gratis, tapi ada biaya fee per transaksi.

1. Hal yang Dibutuhkan

1. Riwayat Pesanan Otomatis sudah diaktifkan.
2. Akun Midtrans (menerima pembayaran).
3. Akun Cloudflare (untuk Worker).

2. Buat kode Worker

Butuh tema Juragan 1.1.1 atau lebih baru

Kalau tema Anda masih 1.1.0 ke bawah, perbarui temanya dulu.

1. Login ke Midtrans, Settings, Access Keys, General Credentials, salin Server Key.
2. Buka Generator Kode Cloudflare Worker di https://tools.sugeng.id/juragan-worker/, isi Server Key Midtrans. Untuk ujicoba pakai key sandbox (diawali SB-Mid-server-), key production diawali Mid-server-.
3. Klik Buat Kode
4. Salin semua kodenya.

3. Deploy di Cloudflare

1. Masuk ke Dashboard Cloudflare, Workers & Pages, Create application, pilih Start with Hello World!, Deploy.
2. Klik Edit code, hapus semua kode bawaan, ganti dengan kode hasil generator.
3. Klik Deploy.
4. Salin URL worker (https://...workers.dev).

4. Atur Notification URL di Midtrans

1. Login ke Midtrans lagi, Settings, Payment, Notification URL, Notification URL endpoint, isi dengan URL Cloudflare worker (https://...workers.dev).
2. Klik "Save"

5. Aktifkan di tema

1. Buka Generator Kode Pengaturan di https://tools.sugeng.id/juragan-setting/, grup Pembayaran bagian Bayar Online (Midtrans).
2. Aktifkan opsi Metode Bayar Online dan isi URL Cloudflare Worker (https://...workers.dev).
3. Buat Kode, salin, lalu pasang ulang kode pengaturan di tema: Tata Letak, widget "Kode Pengaturan Template".
4. Selesai. Metode "Bayar Online (QRIS, Virtual Account & E-Wallet)" akan muncul sebagai pilihan pembayaran di pop up form pemesanan.

6. Ujicoba

Jika menggunakan server key mode sandbox Anda bisa melakukan ujicoba pembayaran secara langsung.

1. Buka toko online Anda
2. Lakukan pemesanan produk, pilih metode "Bayar Online (QRIS, Virtual Account & E-Wallet)", lalu klik "Lanjut Pembayaran"
3. Halaman pembayaran midtrans akan muncul, pilih channel pembayaran, misal Virtual Account Bank BCA
4. Lakukan simulasi pembayaran di https://simulator.sandbox.midtrans.com/
5. Kembali ke halaman pembayaran midtrans, jika berhasil akan muncul pesan "payment successful"

Setelah beberapa detik akan otomatis dialihkan ke toko:

Status pesanan di Google Spreadsheet akan otomatis berubah menjadi "Lunas":

Jika mengaktifkan notifikasi Telegram, status pesanan lunas juga akan masuk ke Telegram: