APIs for Businesses
Home
APIs
  • Checkout/ Deeplink
  • Merchant Proxy
  • Bill24 Hosted
  • Auto Direct Debit
  • KHQR Integration Specification for API
  • Notification API
  • On Boarding Sub Biller API
Home
APIs
  • Checkout/ Deeplink
  • Merchant Proxy
  • Bill24 Hosted
  • Auto Direct Debit
  • KHQR Integration Specification for API
  • Notification API
  • On Boarding Sub Biller API
CHECKOUT/ DEEPLINK
Merchant ProxyBill24 HostedAuto Direct DebitKHQR Integration Specification for APINotification APIPayment Method
CHECKOUT/ DEEPLINK
Merchant ProxyBill24 HostedAuto Direct DebitKHQR Integration Specification for APINotification APIPayment Method
  1. WEB SDKS
  • CHECKOUT/ DEEPLINK
    • Overview
    • Webhook
    • Full Example
    • FAQ
    • Flutter SDK
    • MOBILE SDKS
      • iOS SDK
      • Android SDK
    • WEB SDKS
      • Web SDK
    • Authorization
      POST
    • Transaction Initiation
      POST
    • Transaction Verification
      POST
    • Webhook
      POST
  1. WEB SDKS

Web SDK

Web SDK

Build payments into your website with javascript.

The Bill24 Web SDK with javascript helps you build customizable payments into your app. We provide powerful and customizable UI screens and allow your customer to make payment Easier and Faster.

1 How to integrate

Frist, you can get Bill24 libary SDK from npm , please check the latest version.

Include the Javascript SDK

<b24-root></b24-root>
<script type="module" src="https://unpkg.com/b24-payment-sdk@1.2.0"></script>

 
Now you can access our function to initiate SDK.

To initiate SDK or load SDK you must use this class name B24PaymentSdk.intSdk

Example code:

B24PaymentSdk.intSdk{(
    tranId: '2C0B6207F910',
    refererKey: "123X",
    //'km' is Khmer, 'en' is English
    language: "km",
    darkMode: false,
    //'true' is production
    isProduction: false,
    isPopup true,
   )
  };

 

NOTE

To initiate SDK or load SDK you must provide tranId that you get from endpoint Transaction Initiation.

There are 2 options to load the payment checkout page:
Popup (The payment checkout page will popup inside the merchant's checkout page)
Redirect (The client browser will redirect to the payment checkout page)

Modified at 2024-07-12 01:46:34
Previous
Android SDK
Next
Authorization