🪟 Payment Widget

Embeddable checkout widget

Embed a full checkout widget that handles asset pickers, QR codes, and live payment status inside your layout.

widget-embed.html
<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.

Perfect for

E-commerce checkoutSaaS upgrade flowSubscription signupCustom storefrontsWeb3 dAppsCrypto exchangesBooking systems

Embed the payment widget

Create a free account and set it up in minutes.

Get Started Free