← All posts
developersFebruary 26, 2026

Embedded Payments: How to Add a Payment Button to Any Website

Add a 'Pay with NYVA' button to your website in under 5 minutes. No backend required — just copy and paste.

By NYVA Pay Team

What Are Embedded Payments?

Embedded payments let your customers pay directly from your website without being redirected to a separate checkout page. It's the same experience as PayPal's checkout button — click, popup, pay, done.

How NYVA Pay's Embed Works

  1. Customer clicks "Pay with NYVA" on your site
  2. A popup opens with the checkout (your page stays open)
  3. Customer pays with card, Cash App, or bank transfer
  4. Popup closes, your page gets a success callback
  5. Customer never left your website

Setup (2 Minutes, No Backend)

1. Create a payment preset in your NYVA Pay merchant dashboard

2. Copy the embed code and paste it on your website:

<div data-preset-id="YOUR_PRESET_ID"
     data-base-url="https://nyvapay.com">
</div>
<script src="https://nyvapay.com/embed/nyva.js"></script>

Customization

  • Theme: Auto-detects light/dark mode, or set data-theme="light"
  • Subscriptions: Create a subscription preset and the button shows one-time + subscribe options
  • Callbacks: NyvaPay.onComplete(selector, callback) fires when payment succeeds

Works Everywhere

The embed works on any website: Shopify, WordPress, Wix, Squarespace, custom HTML, React, Next.js — anywhere you can add HTML.

Create your payment button →

embedded paymentspayment buttonintegrationno-code

Ready to accept payments globally?

Get Started with NYVA Pay