بنية تجربة مستخدم الدفع (UX)
نافذة Web3 المدمجة مقابل إعادة التوجيه المستضافة
اختر تجربة الدفع المثلى لمنصة التجارة الإلكترونية الخاصة بك بناءً على أداء التحويل والتجاوب مع الأجهزة المحمولة والعزل الأمني.
مصفوفة المقارنة وتأثير التحويل
| الميزة | نافذة Web3 المدمجة (iFrame/SDK) | إعادة التوجيه المستضافة (invoice_url) |
|---|---|---|
| معدل تحويل الدفع | أعلى بنسبة +24% (دون مغادرة الموقع) | قياسي (خطر التسرب عند إعادة التوجيه) |
| سياق المتصفح | يبقى على نطاق التاجر | يعيد التوجيه إلى pay.xpayr.com |
| اتصال محفظة Web3 | نافذة منبثقة فورية لإضافة المتصفح | يتطلب إعادة الاتصال عند التوجيه |
| جهد التكامل | 3 أسطر من JavaScript SDK | إعادة توجيه HTTP POST واحدة |
التنفيذ السريع: حزمة SDK لنافذة الدفع المدمجة
<!-- 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>
حزم NPM SDK الرسمية (v0.2.0) وخادم MCP عن بُعد
تكامل أسرع باستخدام حزم XPayr الرسمية وخادم MCP دون تثبيت
ثبّت @xpayr/node-sdk (v0.2.0), @xpayr/payment-evidence (v0.2.0), @xpayr/extension-kit (v0.2.0)أو @xpayr/mcp-server (v1.0.0) من NPM، أو نفّذ استدعاءات أدوات JSON-RPC 2.0 المباشرة عبر POST https://xpayr.com/api/mcp.