HomeAdd a widgetany website
Add an online store to any website
A shop widget on any page you can edit, live with one copy-paste, with checkout on Stripe’s hosted page and payments landing in the site owner’s own Stripe account — and no store, cart or server for the site to run.
Free plan with no time limit, no card.
See it working
This is a real Sorraia shop widget — our own sample product, embedded here exactly the way you would embed yours. Checkout is switched off on this one: click Buy and you will get “This shop is not ready to accept payments yet.” instead of a Stripe page. Everything up to that point is the live product.
How to add an online store to any website
A static site with a Buy button is usually the moment someone starts pricing a backend. This isn’t that: the widget renders from the snippet, the buyer pays on Stripe’s hosted checkout page, and the order comes back to Sorraia, where it sits beside every other client site’s orders. The site stays a folder of files, and no card number ever reaches it.
In Sorraia, add the website and verify it — a DNS TXT record, or a meta tag in your homepage’s <head>. Verification is what lets you attach a widget to that site, so it comes before there is anything to paste.
Save the product and the Copy Embed Code popup appears; the Install wizard on the product’s row on the Shop page does the same with a verification step.
Copy the snippet from Sorraia. It already has your widget’s id and the right URL baked in, so copy it rather than retyping it.
Open the .html file (or the template, component, or partial) for that page and paste all three lines at the spot in the body where the widget should appear.
Save and deploy.
Load the live page. If nothing renders, check that it is on the domain the widget belongs to and that the domain shows as verified in Sorraia, then open the browser console, where a blocked script or a loader warning shows up.
Where these steps come from:1
Worth knowing for this one
- Under a Content-Security-Policy, the widget’s stylesheet is an inline style element the loader adds without a nonce, so style-src needs 'unsafe-inline' — and MDN notes that a nonce in the same directive makes the browser ignore 'unsafe-inline'.23
- Saving the product in Sorraia updates the widget wherever it sits, so a new price or description goes live without a redeploy.4
What the browser already offers for payments
Browsers have a Payment Request API, and MDN is plain about it: it is not a new way of paying for things, only a way for a visitor to choose how to pay and pass that to a merchant, who still has to take the payment — and it doesn’t work in some of the most widely used browsers. A Sorraia shop widget handles the whole sale: checkout runs on Stripe’s hosted page, against the Stripe account connected to that site.5
What’s included
- Payments land in the site owner’s own Stripe account
- Styled to match: colours from the site’s brand kit
- Live with one copy-paste
- One dashboard across client sites
Free plan with no time limit, no card.
More detail in the Help Center: Shop basics · Embedding on your website
Questions
What happens when a visitor clicks Buy on my site?
The widget asks Sorraia for a checkout session and sends the buyer to Stripe’s hosted checkout page; once Stripe confirms the payment, the order appears in your dashboard.
Does the shop widget need a cart page or a product database on my site?
No. The product lives in Sorraia and checkout happens on Stripe, so the page needs only the snippet where the Buy button should sit.
Do I need my own Stripe account to sell from my site?
Yes. Payments land in the Stripe account you connect in Sorraia — one for your whole account, or a separate one per site, which then receives all of that site’s shop revenue.
Is card data ever handled by my site?
No. The buyer types their card details on Stripe’s hosted checkout page, not on yours, so your site never receives them.
Can I sell from several sites with one Sorraia account?
Yes. Each site has its own widgets and can connect its own Stripe account, and every site’s orders appear in the one dashboard you use for all of them.
Sources
- Embedding on your website · sorraia.app
- CSP style-src (MDN) · developer.mozilla.org
- Content-Security-Policy (MDN) · developer.mozilla.org
- Shop basics · sorraia.app
- Payment Request API (MDN) · developer.mozilla.org
Each page read and checked on 20 October 2026.
Add an online store to any website
Build it in Sorraia, put it live on your site with one copy-paste, and change it later without touching the embed again.