Payment Gateway

​

Payment modes

​

Step 1 — Enable the feature

1. Open your project dashboard.
2. Enable Online Store, then enable Payment Gateway.
3. Set the store currency to IDR (QRIS is Indonesia-only today).

​

Step 2 — Choose how you collect payments

​

Webstorio payments (default)

1. The order becomes paid.
2. Your project ledger is credited for the full amount (platform fee is 0% for now).
3. Funds show under Store → Balance.
4. Request a payout with your bank details; Webstorio admin marks it paid after transfer.

​

Connect your own Xendit (optional)

1. Choose Connect your own Xendit.
2. Paste your Xendit secret key (xnd_development_… for test, xnd_production_… for live).
3. Paste the callback token from the Xendit dashboard (required).
4. Copy the shown webhook URL into Xendit for Payment Request events.

​

Step 3 — Checkout settings

​

Step 4 — Buyer flow

1. Visitor creates an order (createOrder).
2. Response includes order.trackingToken and a payment object with a QR image.
3. Redirect them to a status page that calls trackOrder(token).
4. When the QR expires, call retryPayment(token) to issue a new one.
5. After payment succeeds, update status and upload deliverables from Store → Orders.

​

Balance & payouts (platform mode)

• Store → Balance shows available balance and ledger entries.
• Request a payout ≤ available balance with bank name, account number, and account name.
• Available balance drops when you request a payout (funds are held).
• If ops rejects a request, the hold is released back to your balance.
• Platform fee and T+N settlement holds are not applied in v1.

​

For operators (platform)

{NEXT_PUBLIC_BASE_URL}/api/webhook/payments/xendit

​

For developers

features: {
  online_store: true,
  payment_gateway: true,
}