Web SDK — Lite Version

This section presents real-world integration scenarios using the Tonder Web SDK Lite.

Each page contains a focused, hands-on example showing how to implement a specific flow using the SDK. These demos do not aim to explain SDK internals — for that, please refer to the official documentation or your developer portal.

Available Use Cases

Integration Requirements

To run these examples successfully, make sure to include the required external scripts for payment processing:


<!-- Required for card payments or saved card flows -->
<script src="https://js.skyflow.com/v1/index.js"></script>
 
<!-- Required for Openpay processor support -->
<script src="https://openpay.s3.amazonaws.com/openpay.v1.min.js"></script>
<script src="https://openpay.s3.amazonaws.com/openpay-data.v1.min.js"></script>
 
<!-- Optional: Use this if you're not importing the SDK from NPM -->
<script src="https://zplit-prod.s3.amazonaws.com/v1/bundle.min.js"></script>

⚠️ If you’re loading the SDK via <script> instead of NPM, you can use:
const lite = new TonderSdk.LiteInlineCheckout({...})
instead of:
import { LiteInlineCheckout } from 'tonder-web-sdk'

How to Use These Demos

Each use case page shows a working integration example using the Web SDK Lite.
Some pages include live code previews, others are just code + screenshots.
You can copy and adapt the code to your own app setup.