Embed Checkout With One Script Tag
Open the same checkout over your own page — a centred dialog on desktop, a bottom sheet on the phone. It picks up your colours and styling, and buyers never leave your site to pay.
Get StartedLoading...
NH-40 Studio Monitors
Northgate Audio
Closed-back reference monitors with a flat response curve and a machined aluminium housing.
Bitcoin
Litecoin
Tether
Ethereum
BlockraOne checkout, and it takes major card brands, quick checkout methods and buy now, pay later — with nothing else to integrate.
Features
Framework Agnostic
Plain JavaScript, zero dependencies. React, Vue, Rails, WordPress or a hand-written HTML file — if it can serve a script tag, it can take payments.
Closes The Way People Expect
Backdrop click and Escape, wired for you. Focus returns to whatever opened it, and stacked dialogs on your page keep working — the topmost one owns the key.
From script tag to first payment
No package to install, no version to keep in step with your framework, and nothing added to your bundle. The whole SDK is one file you never import.
01. Drop
One script tag, no configuration. The loader works out where to talk to from its own src attribute, so the same tag behaves correctly in production and against a local dev server.
02. Mark
Tag the thing buyers click. Add data-blockra-link with your link id to a button, an anchor, a div — anything. A delegated click handler picks it up, including elements added after load.
03. React
Or drive it from your own code. Call Blockra.checkout() with an onSuccess callback when you want to update the page yourself rather than send the buyer somewhere.
Card payouts land in your own Stripe account. Coins land at addresses derived from a key we have never held. Blockra is the part in the middle — it builds the checkout, watches the chain and tells you when the money arrived, and at no point is the money ours to hold, freeze or lose.
There is no balance page here because there is no balance of yours on our side.
Part of your page without being in your codebase
An embed that inherits your CSS is an embed that breaks the week you rename a class. This one runs in its own document and talks to yours through exactly one channel.
Learn moreThe checkout renders inside an iframe, so your stylesheet cannot reach into it and its styling cannot leak back out. Rename whatever you like on your side; nothing in here notices.
A completed payment posts back the session and payment id, and anything arriving from an origin other than the checkout is dropped before it is read.
If the frame never reports a height — a bad origin, a blocked request, an API mid-rollout — the modal replaces itself with an explanation and a way out, instead of spinning forever.
- Runs in a sandboxed frame
- Messages checked by origin
- Escape and backdrop always close
- Zero bytes in your bundle
The loader reads its own script tag to work out which checkout to open. That is why there is no API key, no origin to register and no environment variable — the tag you paste already says everything it needs.
A small surface with enough handles
Four ways to say what to open and one to say how it should look. Every one of them works as markup or as a function call, whichever suits the page.
Open it however the page needs
Point it at a single link for a fixed product, several links to show a picker first, or a session your server minted a second ago for a basket that only exists right now. Nothing changes on your side except the value you pass.
- One link for a fixed price
- Several links for a product picker
- A session id for a one-off amount
Markup Only
Tag a button and write no JavaScript at all.
Programmatic
Blockra.checkout() for when markup isn’t enough.
Modal or Drawer
Centred on desktop, a sheet on the phone.
Theme Flag
Force light or dark, or follow the page.
Start Taking Payments
Cards and crypto in one checkout, settling straight to accounts and wallets you control. No platform fees, and nothing to deploy.
Get Started