npm install) into any website and get a fully branded checkout modal with a single function call.
Bundle size: ~6.2 KB minified (CDN build)
Two ways to integrate
CDN script tag
Fastest way to get started — no build step required. Best for most websites.
npm package
Install
@reeple/sdk and import it into your existing JS/TS build. Best for SPAs and framework apps.How it works
1
Instantiate
Create a
new Reeple({ publicKey, amount, customer, ... }) with your payment details.2
Open
Call
reeple.open(). The SDK calls the Reeple API to create a payment order.3
Modal opens
The SDK opens a modal overlay with an iframe. The iframe loads the Reeple-branded checkout page.
4
Customer pays
The customer completes payment inside the iframe. Reeple redirects the iframe to your
callbackUrl (e.g. https://yoursite.com/payment/callback?status=success&reference=xxx).5
Callback fires
The SDK detects the navigation, reads the URL params, and fires
onSuccess(data). The modal closes automatically.Where to go next
Quickstart
Get a working checkout in a few minutes.
Configuration
Full reference for every field and callback.
Supported currencies
See which currencies you can charge in.
Troubleshooting
Common integration issues and fixes.