Checkout-UX-Architektur
Eingebettetes Web3-Modal vs. Gehostete Weiterleitung
Wählen Sie das optimale Checkout-Erlebnis für Ihre E-Commerce-Plattform anhand von Konversionsleistung, mobiler Reaktionsfähigkeit und Sicherheitsisolierung.
Vergleichsmatrix & Konversionswirkung
| Merkmal | Eingebettetes Web3-Modal (iFrame/SDK) | Gehostete Weiterleitung (invoice_url) |
|---|---|---|
| Checkout-Konversionsrate | +24 % höher (Kein Verlassen der Website) | Standard (Abbruchrisiko bei Weiterleitung) |
| Browser-Kontext | Bleibt auf der Händler-Domain | Leitet weiter zu pay.xpayr.com |
| Web3-Wallet-Verbindung | Sofortiges Browser-Erweiterungs-Popup | Erfordert erneutes Verbinden nach Weiterleitung |
| Integrationsaufwand | 3 Zeilen JavaScript-SDK | Einzelne HTTP-POST-Weiterleitung |
Schnellimplementierung: Modal-Checkout-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>
Offizielle NPM-SDKs (v0.2.0) & Remote-MCP-Server
Schneller integrieren mit offiziellen XPayr-Paketen & installationsfreiem MCP
Installieren Sie @xpayr/node-sdk (v0.2.0), @xpayr/payment-evidence (v0.2.0), @xpayr/extension-kit (v0.2.0)oder @xpayr/mcp-server (v1.0.0) über NPM oder führen Sie Live JSON-RPC 2.0 Tool-Aufrufe aus über POST https://xpayr.com/api/mcp.