Embedded
Payment UI in an iframe on your domain. checkout/create with ui_mode: embedded.
Developer sandbox · RapidCents checkout
This app calls RapidCents only from the server: OAuth, checkout/create, RapidPay, and webhooks. Use it to validate behavior before you wire the same patterns into production.
What you can exercise here
ui_mode; iframe vs full-page redirect.
Not a production storefront—reference wiring you can copy into your own stack.
Same RapidCents account and session concepts—different UX. Pick the mode that fits your product, then use the docs for request shapes and callbacks.
Payment UI in an iframe on your domain. checkout/create with ui_mode: embedded.
Full-page redirect to RapidCents. Same API with ui_mode: hosted.
Quick payment—one-time flow via v1/checkout-pay. Typical UX: modal, iframe, or new window (cart demo uses an in-page modal; standalone rapid form also available).
A short path from sample catalog through checkout—mirroring a typical integration.
Use the sample catalog to build a cart—line items and totals match what you’d send in checkout/create.
From the cart, pick embedded, hosted, or RapidPay—this app posts to your backend, which calls RapidCents.
Cart →Complete payment in the iframe, redirect, or modal. Exercise success, cancel, and error paths.
After return URLs or UI events, verify payment and order state on your backend per RapidCents guidance before fulfillment.
Success & cancel →Your production app should follow the same boundaries: browser talks only to your server; your server holds OAuth and calls RapidCents.
┌─────────────┐ HTTPS ┌──────────────────┐ OAuth / API ┌─────────────┐
│ Browser │ ────────────▶ │ This Laravel app │ ─────────────────▶ │ RapidCents │
│ (no token) │ ◀──────────── │ (bearer + create)│ ◀───────────────── │ gateway │
└─────────────┘ HTML/JSON └─────────┬────────┘ checkout_url └──────┬──────┘
│ │
│ POST /webhooks/payment │
│◀────────────────────────────────────┘
▼
Verify signature · update order state
Diagram is simplified; see documentation for headers, payloads, and iframe postMessage handling.
Endpoint reference, parameter tables, and code excerpts aligned with this codebase—start with the overview, then dive into embedded, hosted, or RapidPay.
Add items and run any checkout mode from the cart—fastest way to test end-to-end.
Vel sed amet fugit deleniti et sit itaque sequi excepturi.
$5.00 CAD
Sed quos nulla nihil est maxime laboriosam natus est fuga nam quia cum quo tempore tenetur.
$3.50 CAD
Provident rerum doloremque non dolore voluptas nihil qui et voluptate quam minus culpa maiores.
$1.99 CAD
Neque provident officia culpa atque cumque sit ut.
$3.99 CAD
Quisquam reiciendis est vel officia aut corrupti nam sunt rerum natus enim placeat ullam nihil dolorem.
$4.00 CAD
Aliquid necessitatibus commodi est est sint mollitia quo nam voluptas animi voluptatum.
$8.00 CAD
Rerum dolor et libero animi sunt non ex.
$9.99 CAD
Ducimus laudantium et et et consequuntur numquam quasi et ullam quam assumenda distinctio cumque.
$3.90 CAD