UX-архитектура чекаута
Встроенное модальное окно Web3 против хостинг-редиректа
Выберите оптимальный формат оплаты для вашей e-commerce платформы с учетом конверсии, мобильной адаптивности и изоляции безопасности.
Матрица сравнения и влияние на конверсию
| Характеристика | Встроенное модальное окно 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.