Kore Payment SDK

Appearance

Examples ​

These examples show how to integrate the Kore Payment SDK using the unified flow: one integration path that works for all gateways. The SDK handles redirect or embedded form automatically based on the backend response.

Available examples ​

1. Basic integration (unified flow) ​

One flow for all gateways: create session with createEmbeddedSession, then call initializePayment. The SDK either redirects the customer or shows an embedded form in your container.

  • File: basic-integration.html (in the examples zip)
  • Flow: Create embedded session → initialize payment (redirect or form) → handle success/error or return URL

2. Unified payment (full form) ​

Full checkout form with all options; same unified flow as above.

  • File: v2-embedded-payment.html (in the examples zip)
  • Flow: Create embedded session → initialize payment form in a container (or redirect) → handle success/error

3. Vanilla JavaScript ​

Minimal HTML + script tag integration.

  • File: vanilla-js-example.html

4. React ​

Using the SDK in a React app (session creation and payment form).

  • File: react-example.jsx

5. Vue ​

Using the SDK in a Vue app.

  • File: vue-example.vue

Try in the browser ​

Open the examples directly:

Or download the examples zip and open the HTML files locally. You will need a backend that creates payment sessions and valid API keys (sandbox or live).

Next steps ​