PAYON Payment Gateways Developer
  • Table of Content
  • Revision History
  • PAYON PG Overview
    • PAYON PG UI DESIGN
      • Desktop UI Screen
      • Mobile UI Screen
  • How it Work ?
    • QR Payment via Mobile Apps
  • Work Flows
    • Payment Work Flow
      • Overall QR Payment Process
      • Overall 3rd Party Payment Process
      • Overall Credit/Debit Payment Process - 3Ds
  • How to Implement ?
    • How to Implement QR Payment
      • Web Base Implementation
        • Step 1: Prepare to read KHQR
        • Step 2: Notify QR Scan Screen
        • Step 3: Notify Processing Payment
        • Step 4: Notify Completion Payment
      • Mobile Base Implementation
  • PAYON API RERFERENCES
    • QR Payment
      • Notify QR Scan
      • Notify Processing Payment
      • Notify Completion Payment
      • QR Cancel Payment
Powered by GitBook
On this page
  1. How to Implement ?
  2. How to Implement QR Payment

Web Base Implementation

PreviousHow to Implement QR PaymentNextStep 1: Prepare to read KHQR

Last updated 3 years ago

Description

  1. Customer who have the 3rd party account choose 3rd party as payment method.

  2. PAYON's PG request initialize transaction to 3rd party and display KHQR on PAYON's PG page.

  3. Customer open 3rd party apps to scan KHQR for payment.

  4. After customer scanned, PAYON's PG change screen to "KHQR Scanned Screen". See More

  5. After customer scanned, The 3rd party display transaction details to customer for confirm payment.

  6. Customer will see transaction details on 3rd party app, and confirm for next step.

  7. After customer confirmed, PAYON's PG will change screen to "Processing Payment Screen". See More

  8. Customer need to verify authentication base on 3rd party app (PIN, fingerPrint, faceID)

  9. Display PAYON's PG result page

  10. Display 3rd party's result page on mobile app.

Figure 01: Web Base QR Payment UI