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 Google Spreadsheet sudah diaktifkan.
2. Akun Midtrans (menerima pembayaran).
3. Akun Cloudflare (untuk Worker).

2. Buat kode Worker

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/
   • Server Key Midtrans : isi dengan Server Key Midtrans (sandbox/production)
   • URL webhook Riwayat Pesanan Otomatis : isi dengan URL webhook yang sama yang digunakan di Riwayat Pesanan Otomatis Google Spreadsheet
   • Alamat toko : isi dengan alamat toko / blog Anda
3. Klik Buat Kode
4. Salin semua kodenya

Mode Sandbox

Disarankan untuk menggunakan Server Key mode sandbox untuk ujicoba (SB-Mid....)

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 Fitur tingkat lanjut.
2. Aktifkan opsi Bayar Online (Midtrans) 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 dan pilih metode "Bayar Online (QRIS, Virtual Account & E-Wallet) dan 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 pesasan di Google Spreadsheet akan otomatis berubah menjadi "Lunas":

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