Arquitetura de UX de Checkout
Modal Web3 Integrado vs. Redirecionamento Hospedado
Selecione a experiência ideal de checkout para sua plataforma de e-commerce com base em desempenho de conversão, responsividade móvel e isolamento de segurança.
Matriz de Comparação e Impacto na Conversão
| Recurso | Modal Web3 Integrado (iFrame/SDK) | Redirecionamento Hospedado (invoice_url) |
|---|---|---|
| Taxa de Conversão no Checkout | +24% maior (Sem abandono do site) | Padrão (Risco de desistência no redirecionamento) |
| Contexto do Navegador | Permanece no domínio do lojista | Redireciona para pay.xpayr.com |
| Conexão de Carteira Web3 | Popup instantâneo da extensão do navegador | Exige reconexão após o redirecionamento |
| Esforço de Integração | 3 linhas de SDK JavaScript | Redirecionamento único via HTTP POST |
Implementação 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 Oficiais no NPM (v0.2.0) e Servidor MCP Remoto
Integre Mais Rápido com Pacotes Oficiais da XPayr e MCP sem Instalação
Instale @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) pelo NPM, ou execute chamadas de ferramentas JSON-RPC 2.0 ao vivo via POST https://xpayr.com/api/mcp.