Skip to main content

User Experience of Redirect API

Payment Flow Sequence Diagram#

redirect_diagrams

  • Buyer choose product and place an order at merchant's website.
  • Merchant request create items via API.
  • Ksher Payment System response Ksher aggregator payment page URL.
  • Merchant display Ksher aggregator payment page with response URL.
  • User choose payment E-wallet on Ksher aggregator gateway payment page.
  • Ksher Payment System verify and create an order.
  • Ksher Payment System request transaction to EwalletPaymentSystem
  • Ewallet Payment System response transaction data including: QR Code, etc. to Ksher
    • For WeChat /PromptPay, Ksher Payment System forward transaction data including QR Code to Ksher Gateway Payment Page.
    • For Alipay/Airpay/LINE Pay, Ksher Payment System redirect to e-wallets confirm pay page.
    • For Card, Ksher will redirect to Ksher Page to fill information, User receive OTP and confirm payment.
  • User confirm to pay.
  • Merchant polling query payment result from Ksher Payment System.
  • Ksher Payment System polling query payment result from E-wallet Payment System.
  • E-wallet response payment result to Ksher.
  • Ksher response payment result to Merchant.
  • Ksher aggregator gateway payment page redirect to merchant redirect_url.

PC browser scenario User experience#

Checkout Page#

Checkout Page created by Ksher, Visual design like logo, banner background color, ect., which can DIY by merchant via API.

If you send only one channel, it will be skip checkout page and redirected to each wallet you send.

pc_checkout

Credit Card#

  1. Select Card, it will turn to Ksher DIY checkout page.
  2. Continue to pay with fill personal card information.
  3. It will redirect to card bank OTP website, fill OTP.
  4. After correct OTP it redirect back to KTB and your Success page.

pc_ktbcard_01 pc_ktbcard_02 pc_ktbcard_03 pc_ktbcard_04

WeChat Pay#

Select WeChat Pay, it will turn to Ksher DIY checkout page, continue to pay with scanning QR code use WeChat app. Visual design can DIY by merchant via API.

pc_wechat

PromptPay#

Select PromptPay, it will turn to Ksher DIY checkout page, continue to pay with scanning QR code use bank app. Visual design can DIY by merchant via API.

pc_promptpay

Alipay#

Select Alipay, it will redirect to Alipay checkout page, continue to pay with open Alipay e-wallte app or login Alipay account browser.

pc_alipay

LINE pay#

Select LINE pay, it will redirect to LINE checkout page, continue to pay with open LINE Pay e-wallets to sacn QR code or login LINE account.

pc_linepay

Shopeepay#

or old name before rebranding is Airpay.

Select Shopeepay, it will redirect to Shopeepay checkout page, continue to pay with open Shopeepay e-wallets to sacn QR code.

pc_airpay

TrueMoney#

Truemoney has a dynamic QR Code or OTP depend on what's your select when opening an account with us.

Select TrueMoney and your account is OTP, it will create Ksher checkout page. Continue to pay with verifying user phone number OTP code.

pc_truemoney

Select TrueMoney and your account is dynamic QR, it will create Ksher checkout page. Continue payment with scan QR code.

pc_truemoney_dynamic

Atome#

  1. Select Thai E-wallets tab and select Atome, will display QR
  2. Using Atome app to QR to Scan QR to pay or pay on browser.
  3. If select pay on browser, Enter mobile, OTP and click Next.
  4. Enter payment method, accept the condition and Confirm payment
  5. Click Back to Merchant to go back Merchant page

pc_atome01 pc_atome02 pc_atome03 pc_atome04

KTC Installment#

  1. Select Card tab and select KTC Installment, will redirect to Fill in page.
  2. fill card information and select how long installmet term.
  3. It will redirect to card bank OTP website, fill OTP.
  4. After correct OTP it redirect back to KTC and your Success page.

pc_ktcinstallment_01

or if merchant absorb fee will display

pc_ktcinstallment_01_merchant_absorb

pc_ktcinstallment_02

pc_ktcinstallment_03

pc_ktcinstallment_02

KBANK Installment#

  1. Select Card tab and select KBANK Installment, will redirect to Fill in page.
  2. fill card information and select how long installmet term.
  3. It will redirect to card bank OTP website, fill OTP.
  4. After correct OTP it redirect back to KBANK and your Success page.

pc_kbankinstallment_01

or if merchant absorb fee will display

pc_kbankinstallment_01_merchant_absorb

pc_kbankinstallment_02

pc_kbankinstallment_03

pc_kbankinstallment_02

Krungsri Installment#

  1. Select Card tab and select Krungsri Installment, will redirect to Fill in page.
  2. fill card information and select how long installment term.
  3. It will redirect to card bank OTP website, fill OTP.
  4. After correct OTP it redirect back to your Success page.

pc_kcc_instal_customer_absorb

or if merchant absorb fee will display

pc_kcc_instal_merchant_absorb

pc_kcc_instal_otp

First Choice Installment#

  1. Select Card tab and select First Choice Installment, will redirect to Fill in page.
  2. fill card information and select how long installment term.
  3. It will redirect to card bank OTP website, fill OTP.
  4. After correct OTP it redirect back to your Success page.

pc_kfc_instal_customer_absorb

or if merchant absorb fee will display

pc_kfc_instal_merchant_absorb

pc_kfc_instal_otp

H5/Mobile browser scenario User experience#

Mobile Checkout Page#

Checkout Page created by Ksher, Visual design like logo, banner background color, ect., which can DIY by merchant via API.

If you send only one channel, it will be skip checkout page and redirected to each wallet you send.

h5_checkout

Mobile Credit Card#

  1. Select Card, it will turn to Ksher DIY checkout page.
  2. Continue to pay with fill personal card information.
  3. It will redirect to card bank OTP website, fill OTP.
  4. After correct OTP it redirect back to KTB and your Success page.

h5_ktbcard_01

h5_ktbcard_02

h5_ktbcard_03

h5_ktbcard_04

Mobile Alipay#

Select Alipay, it will redirect to Alipay payment page, continue to pay with open Alipay e-wallte app or login Alipay account browser.

h5_alipay

Mobile Shopeepay#

or old name before rebranding is Airpay.

Select Shopeepay, it will redirect to Shopeepay payment page. Continue to pay with turning into Shopeepay e-wallets.

h5_airpay

Mobile WeChat#

Open payment link in WeChat browser ,it will create Ksher checkout page. Continue to pay with WeChat app.

h5_wechat

Mobile Promptpay#

Select Promptpay, will create Ksher checkout page. Continue payment with scan QR code.

h5_promptpay

Mobile LINE pay#

Select LINE pay, continue to pay with turning into LINE Pay e-wallets

h5_linepay

Mobile TrueMoney#

Truemoney has a dynamic QR Code or OTP depend on what's your select when opening an account with us.

Select TrueMoney, it will create Ksher checkout page. Continue to pay with verifying user phone number OTP code.

h5_truemoney

Select TrueMoney, it will create Ksher checkout page. Continue payment with scan QR code.

h5_truemoney_dynamic

Mobile Atome#

  1. Select Thai E-wallets tab and select Atome, will display pay by app or pay in browser
  2. If merchant select pay by app, will open Atome app on mobile phone
  3. Enter coupon card, payment method and pay
  4. Click Back to Merchant to go back Merchant page

h5_atome01 h5_atome02 h5_atome03 h5_atome04

Mobile KTC Installment#

  1. Select Credit/Debit Card tab and select KTC Installment, will redirect to Fill in page.
  2. fill card information and select how long installmet term.
  3. It will redirect to card bank OTP website, fill OTP.
  4. After correct OTP it redirect back to KTB and your Success page.

h5_ktcinstallment_01

or if merchant absorb fee will display

h5_ktcinstallment_01_merchant_absorb

h5_ktcinstallment_02 h5_ktcinstallment_03 h5_ktcinstallment_02

Mobile KBANK Installment#

  1. Select Credit/Debit Card tab and select KBANK Installment, will redirect to Fill in page.
  2. fill card information and select how long installmet term.
  3. It will redirect to card bank OTP website, fill OTP.
  4. After correct OTP it redirect back to KBANK and your Success page.

h5_kbankinstallment_01

or if merchant absorb fee will display

h5_kbankinstallment_01_merchant_absorb

h5_kbankinstallment_02 h5_kbankinstallment_03 h5_kbankinstallment_02

Mobile Krungsri Installment#

  1. Select Credit/Debit Card tab and select Krungsri Installment, will redirect to Fill in page.
  2. fill card information and select how long installment term.
  3. It will redirect to card bank OTP website, fill OTP.
  4. After correct OTP it redirect back to your Success page.

h5_kcc_instal

h5_kcc_instal

or if merchant absorb fee will display

h5_kcc_instal_merchant_absorb

h5_kcc_instal_otp

Mobile First Choice Installment#

  1. Select Credit/Debit Card tab and select First Choice Installment, will redirect to Fill in page.
  2. fill card information and select how long installment term.
  3. It will redirect to card bank OTP website, fill OTP.
  4. After correct OTP it redirect back to your Success page.

h5_kfc_instal

h5_kfc_instal

or if merchant absorb fee will display

h5_kfc_instal_merchant_absorb

h5_kfc_instal_otp

Mobile SCB Easy#

note

only support on mobile app

If customer not install app when click to pa will redirect to Google Play SCB Easy or App Store SCB Easy depend on customer OS.

  1. Select Mobile Banking tab, and select SCB EASY.
  2. Input App PIN.
  3. Select your payment method and Click Review to go next page.
  4. will summary Information customer have to pay, click Confirm to pay
  5. Click Return to Merchant to go back Merchant page

h5_scbeasy_01 h5_scbeasy_02 h5_scbeasy_03 h5_scbeasy_04

Mobile Bualuang mBanking#

note

only support on mobile app.

If customer not install app when click to pa will redirect to Google Play Bualuang mBanking or App Store Bualuang mBanking depend on customer OS.

  1. Select Mobile Banking tab, and select Bualuang mBanking.
  2. Input App PIN.
  3. Select your payment method and Click Next to go next page.
  4. will summary Information customer have to pay, click Confirm to pay
  5. Click Back to Ksher Payment to go back Merchant page

h5_bbldeeplink_01 h5_bbldeeplink_02 h5_bbldeeplink_03 h5_bbldeeplink_04

Mobile KMA-Krungsri Mobile App#

note

only support on mobile app.

If customer not install app when click to pa will redirect to Google Play KMA or App Store KMA depend on customer OS.

  1. Select Mobile Banking tab, and select KMA.
  2. Input App PIN.
  3. Select your payment method and Click PAY NOW.
  4. Payment will Success, Click Back to Merchant to go back Merchant page

h5_baydeeplink_01 h5_baydeeplink_02 h5_baydeeplink_03

Mobile KPLUS#

note

only support on mobile app

If customer not install app when click to pa will redirect to Google Play KPLUS or App Store KPLUS depend on customer OS.

  1. Select Mobile Banking tab, and select KPLUS.
  2. Input App PIN.
  3. If first time customer paid with ksher by using Kplus, will appear Authorized Page.
  4. Select your payment method and Click Next to go next page.
  5. will summary Information customer have to pay, click Confirm to pay
  6. Click Back to KSHER PAYMENT to go back Merchant page

h5_kplus_01 h5_kplus_02 h5_kplus_03 h5_kplus_04

Edit this page