Give any amount — real Blackbaud Checkout against a BBMS Test merchant, captured by PayBridge-generated code.
Give any amount from $1.00 to $500.00. The card never touches this site — Blackbaud Checkout collects it and creates the transaction. PayBridge then captures it by running the generated code in a sandbox, using the amount Blackbaud says was authorized rather than anything the browser claims.
Loading Blackbaud Checkout…
A complete Next.js app — boilerplate + the generated integration. Run it yourself:pnpm i && pnpm dev.
Deploying your own copy to a fresh URL is available on request — ask the PayBridge team at the booth. Everything else on this page works as is.
Mode 3 — boot the entire generated project in a WebContainer and pay live. Opens on a dedicated cross-origin-isolated page (required for WebContainers).
How this works
This storefront runs the blackbaud hosted-checkout integration that PayBridge generated via Pulse / MCP. The exact emitted files are in generated/blackbaud-donor-store/blackbaud-hosted-checkout/. Blackbaud inverts the usual shape: the Checkout modal creates the transaction in your browser, then PayBridge executes the generated paybridge/captureTransaction.cjs inside a node:vm sandbox — with network egress pinned to api.sky.blackbaud.com and a short-lived access token, never the rotating refresh token. The Payments API publishes no webhooks, so state is read back with GET /v1/transactions/{id} rather than pushed.