uc-pay playground

Pick a flow, brand, SKU and theme. The preview is the real component; the snippet is what you paste. Every component is a plain <form method="post"> — the script only enhances it, so the snippet keeps working with JavaScript off.

Loading the catalog…

Flow

Payment flow

Environment Brand SKU

Plans shown

Org slug — blank asks the payer (credits and plans need one; a donation credits it) Preset amounts (USD) — comma list Default amount Monthly

Donor fields

Name Message Show publicly

Quantity — seats for a plan Pay code — from POST /v1/pay Button label Success URL — origin must be on the brand's allow-list Cancel URL

Theme

Mode

Accent Radius 10px

Script tag

Pinned + SRI Rolling /v1/ None (JS-off form only)

Live preview

Buttons in the preview open the pay service in a new tab. On QA today that is the "Payments aren't switched on yet — no charge was made" page (503): Stripe is not connected yet.

Snippet

Paste into any HTML page.

Theme CSS

Optional — add to your own stylesheet. uc-pay's styles sit in a cascade layer, so this wins without !important.

Integrity

Computing…