The Tonder JS SDK is a vanilla Javascript solution for integrating our system into your platform. This solution ensures PCI DSS (Payment Card Industry Data Security Standard) by securely collecting and tokenizing sensitive data in the browser, without exposing your front-end infrastructure to any sensitive data.

This guide will walk you through all the steps, from installation and configuring to styling the SDK to fit your website.

​
Installation

Tonder gives you two ways to install our SDK. You can install our npm package or use script tags directly in your HTML.

​
Requirements

To configure our SDK you need to add the following script tags to your HTML:

<script src="https://js.skyflow.com/v1/index.js"></script>
<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>

The first tag is mandatory for achieving PCI DSS (Payment Card Industry Data Security Standard), as stated at the top of this page, by using Skyflows’s integration. The other tags are necessary to ensure a reliable connection to the payment processor.

You can also install each one with their respective npm packages

​
Checkout options

Tonder offers two different checkout options for you to integrate:

Inline Checkout

Tonder’s JS Inline Checkout provides a pre-built, customizable checkout interface.

Lite Checkout

The JS Lite Checout allows you to build a custom checkout interface using Tonder’s core functionality.

OverviewConfiguration