← Back to the case study

Live demo

Online payments

A browser simulation of a real app built in Frappe. Payments made on the school's online page arrive in a feed; billing pulls them in and allocates them. Nothing leaves your browser.

Try this

  1. Look at the incoming gateway payments. They arrive from the online payment page and are not in billing yet.
  2. Press Pull into billing on GW-1001. The paid amount is allocated across Ana Reyes's fees, oldest due date first, with no retyping.
  3. Pull GW-1002 for Ben Santos. Anything beyond his open fees stays as credit.
  4. Change the payment page address or merchant ID in School settings, save, and build a link. It uses your settings, not a fixed address. Clear the address to see the error.

Incoming gateway payments

ReferenceStudentAmount
GW-1001Ana Reyes7,500.00
GW-1002Ben Santos12,000.00

School settings

Fees · Ana Reyes

FeeDueAmountPaidBalance
Laboratory fee2026-12-012,000.000.002,000.00
Tuition, 1st installment2026-08-155,000.001,000.004,000.00
Tuition, 2nd installment2026-10-155,000.000.005,000.00

Credit on account: 0.00

Fees · Ben Santos

FeeDueAmountPaidBalance
Tuition, 1st installment2026-08-156,000.000.006,000.00
Tuition, 2nd installment2026-10-156,000.000.006,000.00

Credit on account: 0.00

Changes are saved in this browser only.