Add a checkout button to any website
One script tag. That is all it takes. Create a payment button in the dashboard, copy the snippet, and paste it on your site. The button loads live settings from the API, so changes you make in the dashboard appear instantly without touching your code.
Secure Payment
PayBridgeNP
Integration
Three lines. That's the entire integration.
No npm packages, no build steps, no API keys on the frontend. Just a script tag with a button ID.
<script
src="https://api.paybridgenp.com/js/v1/button.js"
data-button-id="btn_xxx">
</script>The button fetches its latest settings from the API on every page load. Edit the label, amount, or color in your dashboard and it updates everywhere, automatically.
Live demo
Try it yourself
This is a real PayBridgeNP payment button running in sandbox mode. Click it to see the full checkout flow. No real money is charged.
Sandbox mode - test payments only
How it works
Live in under five minutes
Create a button
Open the dashboard, click New Button, and configure the label, amount, color, and customer fields.
Copy one script tag
You get a three-line snippet with just a button ID. Paste it anywhere inside your page's <body>.
Customers pay
The button loads, the modal opens on click, and customers complete checkout through their chosen provider.
Features
Everything you need, nothing you don't
Payment buttons are built for simplicity. No server code, no webhook setup, no configuration files. Just the features that matter.
Auto-updating config
Change the label, color, or amount in your dashboard and every embedded button picks up the new settings on the next page load. No re-embedding, ever.
Custom colors and branding
Pick any hex color to match your brand. The button, modal header, and focus rings all adapt automatically. Your site, your look.
Collect customer details
Toggle name, email, and phone fields on or off per button. Customers fill them in before checkout, and they flow through to your payment records.
Fixed or custom amounts
Set a fixed price for products and donations, or let customers type their own amount. Both modes work through the same secure modal.
Secure modal checkout
Customers never leave your page until checkout. The payment modal handles validation, error states, and loading, then redirects to eSewa, Khalti, or ConnectIPS.
Per-button analytics
See how many payments each button has collected and the total volume in NPR, right in the dashboard table. No separate analytics setup needed.
Customization
Your brand, your button
Pick any color and the entire button adapts: the accent panel, the modal header, the focus rings. The label, amount, and collect fields are all configurable from the dashboard with a live preview before you embed.
Start accepting payments in five minutes
Create a free account, set up a button in the dashboard, and paste one script tag on your site. Your customers can pay with eSewa, Khalti, or ConnectIPS before your coffee gets cold.