Add a checkout to any website
One pasted snippet. No plugin, no store migration, no code to maintain.
Netlify, Vercel, GitHub Pages, cPanel, a hand-written index.html from 2009 — if you can edit the HTML, this is the simplest case of all. No build step, no dependency, no framework assumptions.
What you need
The ability to edit and publish your site's HTML. That is the whole list.
Add the checkout
- In your SurcoPay dashboard, open Widget Embed, pick your product, and copy the snippet.
- Paste it into your page's HTML exactly where the checkout should render.
- Publish/upload the page as you normally would.
The snippet you copy from the dashboard looks like this, with your real product ID filled in:
<!-- SurcoPay Checkout Widget -->
<div id="surcopay-widget-YOUR-PRODUCT-ID"></div>
<script>
(function() {
var script = document.createElement('script');
script.src = 'https://app.surcopay.com/widget.js';
script.async = true;
script.onload = function() {
SurcoPay.init({
productId: 'YOUR-PRODUCT-ID',
theme: 'light',
targetId: 'surcopay-widget-YOUR-PRODUCT-ID'
});
};
document.head.appendChild(script);
})();
</script>What your buyer sees
The checkout appears right on your page: product name, price, and the payment methods you have enabled — cards, Apple Pay and Google Pay through Stripe, plus PayPal and ATH Móvil. The buyer pays without leaving your website, and the file is delivered to their email automatically with a secure, expiring download link.
How you get paid
Money settles directly into your own Stripe, PayPal or ATH Móvil account — SurcoPay never holds your funds. There is no monthly fee; SurcoPay takes 4.5% of each sale made through Stripe, charged on your product price and never on sales tax. Refund a sale and the fee comes back too.
Common questions
Does it work with React, Vue or Next.js?
Yes — load widget.js once (in React, from a useEffect) and call SurcoPay.init in the script's onload. Guard against double mounting in React development mode, which runs effects twice.
Do buyers need a SurcoPay account?
No. Buyers just pay — card, Apple Pay, Google Pay, PayPal or ATH Móvil — and receive their download by email. No account, no app.
Is this secure? Does my site touch card data?
Card details go straight from the buyer's browser to Stripe inside a secure frame, and PayPal approval happens on PayPal's own page. Your website never sees or stores payment data, so embedding the checkout does not put your site in scope for card-compliance rules.
What does it cost?
There is no monthly fee. SurcoPay takes 4.5% of each sale made through Stripe, charged on your product price only — never on sales tax. Your payment provider's own processing rates are separate and go to them.
Something not covered here? See troubleshooting, or email support@surcopay.com.