APIs for Businesses (Test)
Home
Services
  • Checkout / Deeplink
  • Merchant Proxy
Home
Services
  • Checkout / Deeplink
  • Merchant Proxy
Default module
Default module
  1. WEB SDKS
  • CHECKOUT/ DEEPLINK
    • CHECKOUT/ DEEPLINK
      • Overview
      • Webhook
      • Full Example
      • FAQ
      • MOBILE SDKS
        • Flutter SDK
        • iOS SDK
        • Android SDK
      • WEB SDKS
        • Web SDK
      • Transaction Initiation
        POST
      • Transaction Verification
        POST
      • Authorization
        POST
  • test
    • CHECKOUT/ DEEPLINK
      • Overview
      • Webhook
      • Full Example
      • FAQ
      • MOBILE SDKS
        • Flutter SDK
        • iOS SDK
        • Android SDK
      • WEB SDKS
        • Web SDK
      • Transaction Initiation
      • Transaction Verification
      • Authorization
  • Merchant Proxy
    • Merchant Proxy
      • Overview
      • Full Example
      • FAQ
      • Proxy
      • Webhook
      • test
  • Bill24 Proxy
    • Bill24 Proxy
      • Overview
      • Full Example
      • FAQ
      • Test
      • Push Customer
      • Push Bill
      • Get Queue
      • Get Queue Detail
      • Webhook
      • Create Payment
      • Get Payment
  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 src="https://connect-demo.bill24.io/en_US/sdk.js/sdk.js"></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-01-17 04:50:58
Previous
Android SDK
Next
Transaction Initiation