Architecture UX du Paiement
Modale Web3 Intégrée vs Redirection Hébergée
Sélectionnez l'expérience de paiement optimale pour votre plateforme e-commerce selon les performances de conversion, la réactivité mobile et l'isolation de sécurité.
Matrice de Comparaison et Impact sur la Conversion
| Fonctionnalité | Modale Web3 Intégrée (iFrame/SDK) | Redirection Hébergée (invoice_url) |
|---|---|---|
| Taux de Conversion au Paiement | +24 % plus élevé (Aucun abandon du site) | Standard (Risque d'abandon lors de la redirection) |
| Contexte du Navigateur | Reste sur le domaine du marchand | Redirige vers pay.xpayr.com |
| Connexion au Portefeuille Web3 | Fenêtre contextuelle instantanée de l'extension navigateur | Nécessite une reconnexion après redirection |
| Effort d'Intégration | 3 lignes de SDK JavaScript | Redirection HTTP POST unique |
Implémentation Rapide : SDK de Modale de Paiement
<!-- 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>
SDK NPM Officiels (v0.2.0) et Serveur MCP Distant
Intégrez Plus Vite avec les Paquets Officiels XPayr et MCP sans Installation
Installez @xpayr/node-sdk (v0.2.0), @xpayr/payment-evidence (v0.2.0), @xpayr/extension-kit (v0.2.0)ou @xpayr/mcp-server (v1.0.0) depuis NPM, ou exécutez des appels d'outils JSON-RPC 2.0 en direct via POST https://xpayr.com/api/mcp.