Embedded checkout ngay trong website của bạn

<script src="https://qvard.com/checkout.js"></script>
<script>
  // 1. Mô tả thanh toán
  var checkout = new QvardCheckout({
    mode: 'modal',
    publishableKey: 'qvard_pk_YOUR_PUBLISHABLE_KEY',
    price: 10,
    orderId: 'order-123',
    onSuccess: function (e) { // 3. Xử lý kết quả
      console.log('paid', e.paymentId);
    },
    onError: function (err) { console.log(err.code); }
  });

  // 2. Tạo và hiển thị cửa sổ
  checkout.open();
</script>

# Tạo thanh toán trên máy chủ của bạn
curl -X POST https://api.qvard.com/api/v1/payment \
  -H 'x-api-key: qvard_sk_YOUR_SECRET_KEY' \
  -H 'Content-Type: application/json' \
  -d '{"price":10,"id":"order-123"}'

# Phản hồi: {"id":"...","redirectUrl":"https://my.qvard.com/pay/..."}

// Mở cửa sổ thanh toán trong trình duyệt
<script src="https://qvard.com/checkout.js"></script>
<script>
  // 1. Mô tả thanh toán
  var checkout = new QvardCheckout({
    mode: 'modal',
    paymentUrl: 'https://my.qvard.com/pay/...',  // Lấy redirectUrl từ phản hồi máy chủ
    onSuccess: function (e) { // 3. Xử lý kết quả
      console.log('paid', e.paymentId);
    }
  });

  // 2. Tạo và hiển thị cửa sổ
  checkout.open();
</script>

<div id="checkout"></div>
<script src="https://qvard.com/checkout.js"></script>
<script>
  // 1. Mô tả thanh toán
  var checkout = new QvardCheckout({
    mode: 'inline',
    target: '#checkout',
    publishableKey: 'qvard_pk_YOUR_PUBLISHABLE_KEY',
    price: 10,
    onSuccess: function (e) { // 3. Xử lý kết quả
      console.log('paid', e.paymentId);
    }
  });

  // 2. Tạo và hiển thị cửa sổ
  checkout.open();
</script>