Arquitectura UX de Checkout
Modal Web3 Integrado vs. Redirección Alojada
Selecciona la experiencia de checkout óptima para tu plataforma de comercio electrónico según el rendimiento de conversión, la adaptabilidad móvil y el aislamiento de seguridad.
Matriz Comparativa e Impacto en la Conversión
| Característica | Modal Web3 Integrado (iFrame/SDK) | Redirección Alojada (invoice_url) |
|---|---|---|
| Tasa de Conversión en Checkout | +24% superior (Sin abandono del sitio) | Estándar (Riesgo de abandono al redirigir) |
| Contexto del Navegador | Permanece en el dominio del comercio | Redirige a pay.xpayr.com |
| Conexión de Billetera Web3 | Ventana emergente instantánea de extensión del navegador | Requiere reconectar tras la redirección |
| Esfuerzo de Integración | 3 líneas de SDK en JavaScript | Redirección única mediante HTTP POST |
Implementación Rápida: SDK de Checkout Modal
<!-- 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>
SDKs Oficiales en NPM (v0.2.0) y Servidor MCP Remoto
Integra Más Rápido con los Paquetes Oficiales de XPayr y MCP sin Instalación
Instala @xpayr/node-sdk (v0.2.0), @xpayr/payment-evidence (v0.2.0), @xpayr/extension-kit (v0.2.0)o @xpayr/mcp-server (v1.0.0) desde NPM, o ejecuta llamadas a herramientas JSON-RPC 2.0 en vivo mediante POST https://xpayr.com/api/mcp.