XPay API

XPay

日本語

हिन्दी

বাংলা

ភាសាខ្មែរ

Getting Started 02

Product Overview Integration FAQ

Reference 06

Security & Verification Signature Guide Common Parameters Error Codes Field Dictionary Status Reference

Payments 05

Create Payment Order Query Payment Orders Payment Callback Manual Reconciliation Hosted Checkout

Payouts 02

Create Payout Payout Callback

OnRamp 02

Create OnRamp Order OnRamp Callback

Plugins 02

WooCommerce Pansform .28s cubic-bezier(.34,1.3,.64,1), visibility .28s; } .cs-popup.is-open { opacity: 1; visibility: visible; transform: translateY(0) scale(1); } .cs-popup-header { position: relative; padding: 24px 24px 18px; background: linear-gradient(135deg, #f0f5ff 0%, #e8f0fe 100%); border-bottom: 1px solid rgba(47,124,246,.08); } .cs-popup-title { display: block; font-size: 17px; font-weight: 800; color: #0f172a; letter-spacing: -.01em; line-height: 1.2; } .cs-popup-subtitle { display: block; font-size: 13px; color: #64748b; margin-top: 3px; font-weight: 500; } .cs-popup-close { position: absolute; top: 16px; right: 16px; width: 30px; height: 30px; border-radius: 50%; border: none; background: rgba(15,23,42,.06); color: #64748b; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background .18s, color .18s, transform .18s; padding: 0; outline: none; } .cs-popup-close svg { width: 14px; height: 14px; } .cs-popup-close:hover { background: rgba(15,23,42,.12); color: #0f172a; transform: rotate(90deg); } .cs-popup-body { padding: 12px; display: flex; flex-direction: column; gap: 8px; } .cs-item { display: flex; align-items: center; gap: 14px; padding: 14px 16px; border-radius: 14px; text-decoration: none; transition: transform .18s cubic-bezier(.34,1.3,.64,1), box-shadow .18s, background .18s; background: #f8fafc; border: 1px solid transparent; cursor: pointer; } .cs-item:hover { transform: translateX(-4px); box-shadow: 0 6px 20px rgba(15,23,42,.08); } .cs-item-telegram:hover { background: #eef7ff; border-color: rgba(47,124,246,.12); } .cs-item-wechat:hover { background: #f0fdf4; border-color: rgba(34,197,94,.12); } .cs-item-online:hover { background: #faf5ff; border-color: rgba(168,85,247,.12); } .cs-item-icon { width: 44px; height: 44px; border-radius: 12px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: #fff; } .cs-item-telegram .cs-item-icon { background: linear-gradient(135deg, #0088cc, #29b6f6); box-shadow: 0 4px 12px rgba(41,182,246,.30); } .cs-item-wechat .cs-item-icon { background: linear-gradient(135deg, #22c55e, #16a34a); box-shadow: 0 4px 12px rgba(34,197,94,.30); } .cs-item-online .cs-item-icon { background: linear-gradient(135deg, #a855f7, #7c3aed); box-shadow: 0 4px 12px rgba(168,85,247,.30); } .cs-item-icon svg { width: 22px; height: 22px; } .cs-item-info { flex: 1; min-width: 0; } .cs-item-label { display: block; font-size: 15px; font-weight: 700; color: #0f172a; letter-spacing: -.01em; } .cs-item-desc { display: block; font-size: 12px; color: #94a3b8; font-weight: 500; margin-top: 2px; } .cs-item-arrow { width: 20px; height: 20px; color: #cbd5e1; flex-shrink: 0; transition: color .18s, transform .18s; } .cs-item:hover .cs-item-arrow { color: #2f7cf6; transform: translateX(3px); } .cs-item-arrow svg { width: 100%; height: 100%; } @keyframes csPulse { 0% { box-shadow: 0 0 0 0 rgba(47,124,246,.50); } 70% { box-shadow: 0 0 0 14px rgba(47,124,246,0); } 100% { box-shadow: 0 0 0 0 rgba(47,124,246,0); } } .cs-btn.is-collapsed { animation: csPulse 2.5s ease-out 3; } @media (max-width: 480px) { #cs-widget { bottom: 16px; right: 16px; } .cs-btn-label { display: none; } .cs-btn { padding: 14px; border-radius: 50%; } .cs-popup { width: calc(100vw - 32px); right: -8px; } }