Sell digital products on Squarespace
One pasted snippet. No plugin, no store migration, no code to maintain.
Squarespace sites are beautiful, and its commerce plans are built around its own payment stack. If your buyers pay with methods Squarespace does not support — ATH Móvil is the one that matters in Puerto Rico — or you simply want your checkout money landing directly in your own accounts, a Code block does it without changing your plan or your design.
What you need
A plan that allows JavaScript in Code blocks — currently Core, Plus or Advanced (Business and Commerce on Squarespace's older lineup). The entry-level plan strips scripts; on one of those, link a Button block to your product's hosted checkout URL instead.
Add the checkout
- In your SurcoPay dashboard, open Widget Embed, pick your product, and copy the snippet.
- Edit the page, click an insert point, and add a Code block.
- Paste the snippet, leave the type set to HTML, and save.
- The checkout renders on the published page — Squarespace's editor shows a placeholder box instead of running scripts.
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
Can I keep Squarespace Commerce for other things?
Yes. The snippet is just an element on a page — it does not interfere with Squarespace's own store, and you can run both side by side while you decide what belongs where.
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.