Playground — Live Demo Environment

You can try Paylox integration methods without any setup directly from this page. All demos run in sandbox (test) mode — no real money is charged.

Embedded Checkout — Interactive Sandbox

In the live editor below, experience the Paylox Embedded Checkout integration by coding directly. Edit the HTML code in the left editor, and see the result instantly in the right panel — just like designing your own site.

SandboxWaiting

Checkout options:

Save CardInstallmentsPayment SummaryAgreements

Checkout Preview

You will see the real payment form here.
Click the "Create Demo Session" button above to start.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Paylox Checkout</title>
  <script src="https://checkout.paylox.io/sdk/paylox.js"></script>
  <style>
    body { margin: 0; font-family: system-ui, sans-serif; background: oklch(97% 0.008 265); }
    #paylox-checkout { max-width: 1200px; margin: 40px auto; min-height: 500px; }
    .paylox-loading { display: flex; align-items: center; justify-content: center; height: 300px; color: oklch(46% 0.025 265); font-size: 16px; }
    .paylox-error { display: flex; align-items: center; justify-content: center; height: 300px; color: oklch(51% 0.2 25); font-size: 16px; }
  </style>
</head>
<body>
  <div id="paylox-checkout">
    <div class="paylox-loading">Loading checkout...</div>
  </div>
  <script>
    var API_URL = "https://api.jetcheckout.com/api/v1";

    function createSessionAndInit() {
      var container = document.getElementById("paylox-checkout");

      fetch(API_URL + "/embedded/dev-session", {
        method: "POST",
        headers: { "Content-Type": "application/json" }
      })
      .then(function(resp) { return resp.json(); })
      .then(function(data) {
        if (data.status !== 0) throw new Error(data.message || "Session could not be created");
        if (!data.session_id) throw new Error("session_id was not returned");

        container.innerHTML = "";
        Paylox.init({
          sessionId: data.session_id,
          apiUrl: API_URL,
          container: "#paylox-checkout",
          design: "full",
          showSaveCard: true,
          showInstallments: true,
          showPaymentSummary: true,
          showAgreements: true,
          onSuccess: function(result) {
            console.log("Payment successful!", result);
          },
          onFail: function(err) {
            console.log("Payment failed", err);
          }
        });
      })
      .catch(function(err) {
        container.innerHTML = '<div class="paylox-error">' + err.message + '<\/div>';
        console.error("Paylox error:", err);
      });
    }

    createSessionAndInit();
  </script>
</body>
</html>

Test Cards:

Mastercard5101385101385104Mastercard5571135571135575Visa4546711234567894SKT12/30CVV000

Test the API from the Terminal

You can test the Paylox API directly by running the following curl commands in your terminal.

1. Create a Session

curl -X POST https://api.jetcheckout.com/api/v1/embedded/session \
  -H "Content-Type: application/json" \
  -d '{
    "merchant_api_key": "ENTER_YOUR_API_KEY_HERE",
    "amount": 1000,
    "currency": "TRY",
    "customer": {
      "name": "Test",
      "surname": "User",
      "email": "[email protected]"
    },
    "success_url": "https://example.com/success",
    "fail_url": "https://example.com/fail"
  }'

2. Query Installments

After creating a session, you can query installment options for a card number:

curl -X POST https://api.jetcheckout.com/api/v1/payment/installments \
  -H "Content-Type: application/json" \
  -d '{
    "session_id": "ENTER_SESSION_ID_HERE",
    "bin_number": "538888"
  }'

3. Query Payment Status

curl -s "https://api.jetcheckout.com/api/v1/payment/status/ORDER_ID?session_id=SESSION_ID"

Test Cards

Test cards you can use in sandbox mode:

Card Number	Brand	Result
`4543590000000006`	Visa	Successful payment
`5400360000000003`	Mastercard	Successful payment
`4121111111111119`	Visa	Successful payment

For all test cards:

Expiry date: 12/30
CVC: 000
Card holder: Any name

What's Next?

After trying the demos, to move on to real integration:

Quick Start — Accept your first payment in 5 minutes
Hosted Checkout — The easiest integration method
Embedded Checkout — Embed the payment form on your site
Test Cards — Cards you can use in sandbox

Embedded Checkout — Interactive Sandbox​

Checkout Preview

Test the API from the Terminal​

1. Create a Session​

2. Query Installments​

3. Query Payment Status​

Test Cards​

What's Next?​