Ödeme UX Mimarisi
Gömülü Web3 Modalı ve Barındırılan Yönlendirme
Dönüşüm performansı, mobil uyumluluk ve güvenlik izolasyonuna göre e-ticaret platformunuz için en uygun ödeme deneyimini seçin.
Karşılaştırma Matrisi ve Dönüşüm Etkisi
| Özellik | Gömülü Web3 Modalı (iFrame/SDK) | Barındırılan Yönlendirme (invoice_url) |
|---|---|---|
| Ödeme Dönüşüm Oranı | +%24 daha yüksek (Siteden ayrılma yok) | Standart (Yönlendirme kaybı riski) |
| Tarayıcı Bağlamı | Üye iş yeri alan adında kalır | Şu adrese yönlendirir: pay.xpayr.com |
| Web3 Cüzdan Bağlantısı | Anında tarayıcı eklentisi açılır penceresi | Yönlendirmede yeniden bağlantı gerektirir |
| Entegrasyon Eforu | 3 satır JavaScript SDK kodu | Tek HTTP POST yönlendirmesi |
Hızlı Kurulum: Modal Ödeme SDK'sı
<!-- 1. Include XPayr Seamless Checkout SDK -->
<script src="https://xpayr.com/assets/js/xpayr-checkout.js"></script>
<script>
// 2. Trigger In-Page Web3 Modal
function payWithCrypto(orderId, amountUsd) {
XPayrCheckout.open({
orderId: orderId,
amount: amountUsd,
currency: 'USD',
theme: 'dark',
onSuccess: function(transaction) {
console.log('Payment confirmed on-chain:', transaction.tx_hash);
window.location.href = '/checkout/success?tx=' + transaction.tx_hash;
},
onDismiss: function() {
console.log('Customer closed payment modal without paying.');
}
});
}
</script>
Resmi NPM SDK'ları (v0.2.0) ve Uzak MCP Sunucusu
Resmi XPayr Paketleri ve Kurulumsuz MCP ile Daha Hızlı Entegre Olun
Kurulum: @xpayr/node-sdk (v0.2.0), @xpayr/payment-evidence (v0.2.0), @xpayr/extension-kit (v0.2.0)veya @xpayr/mcp-server (v1.0.0) paketlerini NPM'den yükleyin veya şu araçla canlı JSON-RPC 2.0 çağrıları yürütün: POST https://xpayr.com/api/mcp.