Embeddable checkout widget
Embed a full checkout widget that handles asset pickers, QR codes, and live payment status inside your layout.
<iframe
src="https://jovepay.com/embeds/payment-widget?
iid=INVOICE_ID&
lang=en&
theme=dark"
style="
width: 400px;
height: 580px;
border: none;
border-radius: 12px;
"
allowtransparency="true"
/>
<!-- Or use our JS SDK -->
<script>
JOVEpay Widget.init({
invoiceId: 'INVOICE_ID',
selector: '#payment-container',
theme: 'dark',
onSuccess: (data) => handleSuccess(data),
})
</script>Key features
Everything you need, nothing you don't.
Inline or popup mode
Embed the widget inline on your page or trigger it as a modal popup.
White-label styling
Full CSS customization. Match your brand colors, fonts, and border radius.
QR code display
Built-in QR code generation so mobile users can pay by scanning.
Payment timer
Countdown timer keeps customers on track to complete payment before expiry.
Real-time status
Widget updates in real-time as the blockchain confirms the payment.
Currency picker
Integrated currency selector — customers pick their preferred coin to pay with.
Localization
Widget supports multiple languages and regional formatting.
Secure iframe
Sandboxed in a secure iframe — no sensitive data touches your page.
JS events
Listen to onPaymentSuccess, onPaymentExpired events in your parent page JS.