Playground — Canlı Demo Ortamı

Paylox entegrasyon yöntemlerini hiçbir kurulum yapmadan doğrudan bu sayfadan deneyebilirsiniz. Tüm demolar sandbox (test) modunda çalışır — gerçek para çekilmez.

Embedded Checkout — İnteraktif Sandbox

Aşağıdaki canlı editörde Paylox Embedded Checkout entegrasyonunu doğrudan kodlayarak deneyimleyin. Soldaki editörde HTML kodunu düzenleyin, sağdaki panelde sonucu anında görün — tıpkı kendi sitenizi tasarlıyormuş gibi.

SandboxBekliyor

Checkout seçenekleri:

Save CardInstallmentsPayment SummaryAgreements

Checkout Önizlemesi

Gerçek ödeme formunu burada göreceksiniz.
Başlamak için yukarıdaki "Demo Session Oluştur" butonuna tıklayın.

<!DOCTYPE html>
<html lang="tr">
<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">Checkout yükleniyor...</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 oluşturulamadı");
        if (!data.session_id) throw new Error("session_id alınamadı");

        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("Ödeme başarılı!", result);
          },
          onFail: function(err) {
            console.log("Ödeme başarısız", err);
          }
        });
      })
      .catch(function(err) {
        container.innerHTML = '<div class="paylox-error">' + err.message + '<\/div>';
        console.error("Paylox hata:", err);
      });
    }

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

Test Kartları:

Mastercard5101385101385104Mastercard5571135571135575Visa4546711234567894SKT12/30CVV000

API'yi Terminal'den Test Edin

Aşağıdaki curl komutlarını terminalde çalıştırarak Paylox API'yi doğrudan test edebilirsiniz.

1. Session Oluşturma

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

2. Taksit Sorgulama

Session oluşturduktan sonra, bir kart numarası için taksit seçeneklerini sorgulayabilirsiniz:

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

3. Ödeme Durumu Sorgulama

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

Test Kartları

Sandbox modunda kullanabileceğiniz test kartları:

Kart Numarası	Marka	Sonuç
`4543590000000006`	Visa	✅ Başarılı ödeme
`5400360000000003`	Mastercard	✅ Başarılı ödeme
`4121111111111119`	Visa	✅ Başarılı ödeme

Tüm test kartları için:

Son kullanma tarihi: 12/30
CVC: 000
Kart sahibi: Herhangi bir isim

Sırada Ne Var?

Demoları denedikten sonra gerçek entegrasyona geçmek için:

Hızlı Başlangıç — 5 dakikada ilk ödemenizi alın
Hosted Checkout — En kolay entegrasyon yöntemi
Embedded Checkout — Ödeme formunu sitenize gömün
Test Kartları — Sandbox'ta kullanabileceğiniz kartlar

Embedded Checkout — İnteraktif Sandbox​

Checkout Önizlemesi

API'yi Terminal'den Test Edin​

1. Session Oluşturma​

2. Taksit Sorgulama​

3. Ödeme Durumu Sorgulama​

Test Kartları​

Sırada Ne Var?​