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/ DEEPLINKMerchant ProxyBill24 HostedAuto Direct Debit
KHQR Integration Specification for APINotification APIPayment Method
CHECKOUT/ DEEPLINKMerchant ProxyBill24 HostedAuto Direct Debit
KHQR Integration Specification for APINotification APIPayment Method
  1. WEB SDKS
  • Auto Direct Debit
    • Overview
    • FAQ
    • MOBILE SDKS
      • Flutter SDK
    • WEB SDKS
      • Web SDK
    • Authorization
      POST
    • Init Subscription
      POST
    • Inquiry Consumer validate
      POST
    • Consumer's Debt Update
      POST
    • Inquiry Consumer Debt
      POST
  1. WEB SDKS

Web SDK

Web SDK#

Enable Subscribe Direct Debit into into your website with javascript.
The Bill24 Web SDK with javascript helps you build customizable to enable subscirbe direct debit from Web. 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.
To install the SDK, use npm
Or import direct from the CDN:
 
Now you can access our function to initiate SDK.
To initiate SDK or load SDK you must use this class name b24SubscriptionSdk

Usage#

For frontend app
For raw html
Parameters Request:
FieldTypeRemark
contextContext*key (context) current text to open BottomSheet
subscriptionNoString*Subscription number at Bill24
side
refererKeyString*Can be any key to identity the client side or referer URL
languageStringThe language to display
km : Khmer*(default)*
en : English
darkModeBooleanThe option display themes payment checkout
false : Theme Light (default)
true : Theme Dark
isProductionBooleanThe option for environment
false : For environment testing*(default)*
true : For environment production
isPopupBooleanAllow SDK to popup or redirect. default is true

Example code:
 
NOTE
Use this endpoint to Init Subscription.
Previous
Flutter SDK
Next
Authorization