๐Ÿ’ณ Payment Gateway

Loading gateways...
Recent Transactions
RefUserAmountMethodGatewayStatusDateAction
Loading...
Pending Manual Top-ups
RefUserAmountDateAction
Loading...
๐Ÿฆ OCBC Payment Gateway Integration Guide

Step-by-step guide for integrating OCBC (or any) payment gateway into PlagSini EV.

1

Get Credentials from OCBC

After your proposal is approved, OCBC will provide:
โ€ข Merchant ID โ€” Your unique merchant identifier
โ€ข API Key โ€” For authenticating API requests
โ€ข API Secret โ€” For signing/verifying requests
โ€ข Sandbox URL โ€” Test environment endpoint
โ€ข Production URL โ€” Live environment endpoint

2

Key-In Credentials Here

Click "+ Add Gateway" โ†’ Select "OCBC" โ†’ Fill in the credentials from step 1. Start with Sandbox mode for testing.

3

Give OCBC Your Callback URL

OCBC needs to know where to send payment confirmations. Give them this URL:

https://your-domain.com/api/payment/callback/ocbc

Open User Top-Up page โ€” customers login and pay via TNG QR

This endpoint receives payment confirmations automatically.

4

Test in Sandbox

Make test payments using OCBC's sandbox credentials. Check the Transactions tab to verify everything works.

5

Go Live

Once testing is done:
1. Update credentials with Production keys from OCBC
2. Toggle Sandbox OFF
3. Set as Default gateway
4. Enable the gateway โ†’ Done! ๐ŸŽ‰

๐Ÿ’ก Payment Flow (How it Works)

1. User taps "Top Up" in PlagSini App 2. App sends request to your server โ†’ POST /api/payment/topup 3. Server creates payment with OCBC API โ†’ Gets payment URL 4. User is redirected to OCBC's payment page (bank login / card) 5. User completes payment 6. OCBC sends callback to โ†’ POST /api/payment/callback/ocbc 7. Server verifies & credits user's wallet โœ… 8. User sees updated balance in app

๐Ÿ”ง Supported Gateways

OCBCBank's own payment gateway (FPX, Card, DuitNow)Requires merchant account
BillplzPopular Malaysian gateway (FPX)Free signup, 1.5% fee
ManualBank transfer โ€” admin approvesNo API needed