Interactive Merchant Storefront Simulation
Client-Side Embed SDK Demo (pay-embed.js)
See how merchants embed SMS Sync Pay on any custom HTML, WordPress, WooCommerce, or PHP website with a single <button data-syspay> tag.
Simulated Merchant Store
ShopBD Electronics Ltd.
Premium Wireless Audio
Apex SoundPro ANC Headphones
Active Noise Cancellation • 40h Battery • High-Res Audio
৳ 1,450
৳ 2,200
34% OFF
256-Bit Encrypted SSL Aggregator Checkout
Merchant Store HTML
<!-- 1. Include the lightweight script -->
<script src="https://karianaquran.com/pay/js/pay-embed.js"></script>
<!-- 2. Put button anywhere on your page -->
<button data-syspay
data-amount="1450"
data-order="ORD-EMBED-1450"
data-key="pk_live_aBcDeFgHiJkLmNoPqRsT"
data-customer-name="Rahim Chowdhury">
Pay with SMS Sync Pay
</button>
How the Embed SDK Works
-
1
User clicks your
data-syspaybutton. -
2
SDK initializes an aggregated payment session via
/api/v1/payment/initiateand opens an optimized checkout popup window. - 3 Customer pays via platform bKash, Nagad, Rocket, Card, or Crypto.
- 4 Upon instant verification, merchant wallet is credited with net amount, and webhook is posted to your server.