Handoff Board · Figma-ready

Kelola Metode Pembayaran

Tiap layar dan state digambar sebagai frame statis terpisah (tanpa JS). Konversi via html.to.design lalu sambungkan antar-frame jadi prototype di Figma. Layout pakai flexbox murni + token LERN agar Auto Layout bersih.

1Daftar Platform— state awal, list semua platform
Pengaturan Pembayaran›Kelola Metode Pembayaran
Admin

Daftar Platform

Masukkan pencarian berdasarkan ID atau nama platform
ID ▴▾
Nama Platform ▴
Tipe Platform ▴▾
Status Aktivasi ▴▾
Metode Aktif
Biaya Admin
Action
12345
Sekolah.mu
Main Platform
Aktif
10
0,5% - Maks Rp5.000
54321
Sekolah Cikal
Sub Platform
Aktif
10
0,5% - Maks Rp5.000
98765
Sekolah Murid Merdeka
Main Platform
Tidak Aktif
-
-
24680
Siap Kuliah
Sub Platform
Aktif
10
0,5% - Maks Rp5.000
67890
Traktir.mu
Sub Platform
Tidak Aktif
-
-
2Aktivasi · Langkah 1 — Payment Provider— sebelum validasi server key
Pengaturan Pembayaran›Kelola Metode Pembayaran›Aktivasi Metode Pembayaran
Admin

Aktivasi Metode Pembayaran

Sekolah Murid Merdeka
1Payment Provider
›
2Metode Pembayaran
›
3Kode Transaksi

Konfigurasi API Keys Payment Provider

Silakan aktivasi payment provider dengan mengisi API keys payment provider di bawah.
Midtrans
Masukkan MID
Contoh: G123456789
Masukkan client key
Contoh: SB-Mid-client-abc123xyz
Masukkan server keyValidasi
Contoh: SB-Mid-server-abc123xyz
Validasi server key terlebih dahulu untuk dapat mengaktivasi payment provider.
BatalkanLanjut ke Langkah 2
3Aktivasi · Langkah 1 — Server Key Tervalidasi— state sukses validasi
Pengaturan Pembayaran›Kelola Metode Pembayaran›Aktivasi Metode Pembayaran
Admin

Aktivasi Metode Pembayaran

Sekolah Murid Merdeka
1Payment Provider
›
2Metode Pembayaran
›
3Kode Transaksi

Konfigurasi API Keys Payment Provider

Silakan aktivasi payment provider dengan mengisi API keys payment provider di bawah.
Midtrans
G123456789
SB-Mid-client-abc123xyz
SB-Mid-server-abc123xyzValidasi
Server key valid. Payment provider siap diaktivasi.
BatalkanLanjut ke Langkah 2
4Aktivasi · Langkah 2 — Empty State— belum ada metode pembayaran
Pengaturan Pembayaran›Kelola Metode Pembayaran›Aktivasi Metode Pembayaran
Admin

Aktivasi Metode Pembayaran

Sekolah Murid Merdeka
Payment Provider
›
2Metode Pembayaran
›
3Kode Transaksi

Konfigurasi Metode Pembayaran

Berikut konfigurasi metode pembayaran untuk payment provider Midtrans yang berlaku untuk seluruh sub platform Sekolah Murid Merdeka. Silakan pilih metode pembayaran dan atur biaya layanannya.
Lihat Daftar Sub Platform

Daftar Metode Pembayaran Belum Tersedia

Silakan klik Tambah Metode Pembayaran untuk menambahkan metode pembayaran.

Tambah Metode Pembayaran
BatalkanLanjut ke Langkah 3
5Aktivasi · Langkah 2 — Terisi— metode pembayaran sudah ditambahkan
Pengaturan Pembayaran›Kelola Metode Pembayaran›Aktivasi Metode Pembayaran
Admin

Aktivasi Metode Pembayaran

Sekolah Murid Merdeka
Payment Provider
›
2Metode Pembayaran
›
3Kode Transaksi

Konfigurasi Metode Pembayaran

Berikut konfigurasi metode pembayaran untuk payment provider Midtrans yang berlaku untuk seluruh sub platform Sekolah Murid Merdeka.
Lihat Daftar Sub Platform
Tambah Metode Pembayaran
Virtual Account (BCA, BNI, Mandiri)
Biaya layanan: Rp4.000 / transaksi
QRIS
Biaya layanan: 0,7% / transaksi
E-Wallet (GoPay, OVO, Dana)
Biaya layanan: 1,5% / transaksi
BatalkanLanjut ke Langkah 3
6Modal — Tambah Metode Pembayaran— overlay di atas Langkah 2

Tambah Metode Pembayaran

✕
Virtual Account (BCA, BNI, Mandiri)Biaya layanan: Rp4.000 / transaksi
QRISBiaya layanan: 0,7% / transaksi
Kartu Kredit / DebitBiaya layanan: 2,9% + Rp2.000
E-Wallet (GoPay, OVO, Dana)Biaya layanan: 1,5% / transaksi
Gerai Retail (Alfamart, Indomaret)Biaya layanan: Rp5.000 / transaksi
BatalTambahkan
+Komponen — Toast— notifikasi sukses (sampel)
3 metode pembayaran ditambahkan.