Pendaftaran Les Online sampai Pembayaran
Calon siswa memilih program, mengisi data, melihat harga, lalu langsung membayar di halaman yang sama tanpa menunggu admin.
- Status
- Sudah berjalan
- Lapisan
- FrontendBackendIntegrasi
- Dipakai oleh
- Calon siswa dan orang tua yang mendaftar les, serta admin yang memantau pendaftaran yang masuk.

Masalahnya
Pendaftaran les biasanya tertahan di chat: admin harus menghitung harga, mengirim nomor rekening, lalu mengecek transfer satu per satu. Banyak calon siswa batal di tengah jalan.
Solusinya
Formulir bertahap mengumpulkan data peserta dan jadwal, menghitung harga dari tabel harga resmi, lalu membuka pembayaran QRIS, GoPay, virtual account, atau transfer. Setiap pendaftaran langsung tercatat di CRM admin.
Cara kerjanya
Apa yang terjadi, langkah demi langkah, dari sudut pandang pengguna.
- 01
Pilih format dan program
Calon siswa memilih format les dan program sesuai jenjangnya di halaman pendaftaran.
- 02
Isi data dan jadwal
Formulir bertahap menanyakan data siswa, tujuan belajar, kontak orang tua, dan waktu les yang diinginkan. Isian tersimpan sementara bila halaman dimuat ulang.
- 03
Lihat ringkasan harga resmi
Harga dihitung dari tabel harga resmi, bukan diketik admin. Calon siswa lalu memberi persetujuan dan mengirim formulir.
- 04
Masuk dengan email formulir
Untuk membayar, pendaftar masuk dengan email yang sama seperti di formulir. Dengan begitu tagihan hanya bisa dibuka pemiliknya.
- 05
Pilih paket lalu bayar
Pendaftar memilih per sesi, paket 4 sesi, atau paket 8 sesi, lalu membayar lewat QRIS, GoPay, virtual account, atau transfer.
- 06
Pendaftaran tercatat otomatis
Begitu lunas, status prospek di CRM berubah menjadi terdaftar dan bukti pembayaran dikirim lewat email.
Desain sistemnya
Siapa yang memakai, apa yang mereka lihat, apa yang bekerja di belakang layar, dan di mana data disimpan. Baca dari kiri ke kanan.
1Pengguna
- Siswa dan orang tuaMengisi formulir dan membayar dari HP atau laptop.
- AdminMelihat pendaftaran baru dan status pembayarannya di dashboard.
2Yang dilihat
- Halaman pendaftaranFormulir bertahap dengan ringkasan harga sebelum dikirim.
- Panel pembayaranMenampilkan kode QR, nomor virtual account, atau instruksi transfer.
3Yang bekerja di belakang
- Server pendaftaranMenghitung harga resmi dan membuat tagihan untuk pengajuan ini.
- Pembaruan CRMMemindahkan prospek ke status terdaftar saat pembayaran lunas.
4Data dan layanan luar
- DatabasePostgreSQL menyimpan pengajuan, tagihan, dan riwayat status prospek.
- MidtransMemproses QRIS, GoPay, dan virtual account, lalu mengabari server.
- EmailMengirim instruksi bayar dan bukti pembayaran ke pendaftar.
Fitur utama
- Formulir pendaftaran bertahap
- Harga dari tabel harga resmi
- Paket 4 dan 8 sesi berpotongan
- Bayar QRIS, VA, atau transfer
- Ketentuan les sebelum bayar
Dibangun dengan
- Next.js
- React
- TypeScript
- FastAPI
- PostgreSQL
- Midtrans
Yang didapat bisnis
- Calon siswa bisa langsung membayar tanpa menunggu balasan chat admin.
- Harga selalu mengikuti tabel harga resmi, bukan hitungan manual.
- Setiap pendaftaran otomatis masuk ke CRM bersama status pembayarannya.
- Admin tidak perlu mengecek pembayaran QRIS atau virtual account satu per satu.
Istilah di halaman ini
- QRIS
- Kode QR pembayaran standar Indonesia yang bisa dipindai dari aplikasi bank atau dompet digital mana pun.
- Virtual account
- Nomor rekening sementara khusus satu tagihan, sehingga pembayaran langsung dikenali tanpa bukti transfer.
- CRM
- Buku catatan digital berisi semua calon pelanggan beserta status dan riwayat tindak lanjutnya.
Bisa dipakai untuk bisnis Anda?
Cocok untuk bisnis jasa yang menjual paket, seperti kursus, klinik, atau konsultan. Anda cukup mengganti daftar program, tabel harga, dan metode bayar.
Konsultasikan proyek ini