White-label payment UI
Embed payment components inside your software with white-label styling
Embedded payments put checkout inside your own software instead of redirecting users away from it. RapidCents supplies drop-in components, including a card field, Apple Pay and Google Pay buttons and a payment status widget, styled to your interface, and card numbers never enter your JavaScript. In Canada, your RapidCents representative explains payment methods, currency and your software.
- Embeddable UI with your CSS theme
- Hosted fields reduce PCI scope
- Connected accounts for platform models
- iframe and JS SDK options
- SOC 2 Type II
- White-label theming API
- Connected merchant onboarding
- Sandbox component playground
Who it's for
Vertical SaaS vendors
Bill customers inside your app without redirect checkout.
Marketplace builders
Embed pay-in flows for buyer and seller experiences.
Agencies white-labeling portals
Client-branded payment widgets on custom portals.
Core capabilities
Embeddable card element
Mount PCI-scoped iframe with theme tokens.
Wallet buttons
Apple Pay and Google Pay inside your checkout step.
Payment status widget
Show processing, success and retry states inline.
Connected accounts
Route charges to sub-merchant MIDs on platform model.
Event callbacks
JavaScript hooks for payment lifecycle events.
How it works
Install embedded payments SDK in your app.
Configure theme tokens to match product UI.
Create payment intent server-side with secret key.
Mount components and listen for success events.
Confirm capture and show receipt in your UX.
Embedded UI workflows
In-app subscription signup
Card element vaults token on account creation step.
Marketplace checkout
Buyer pays; platform fee splits on capture.
Invoice pay widget
Embed pay button on customer portal invoice view.
3-D Secure inline
Challenge modal overlays without leaving app shell.
Dashboard and reporting
Transactions, deposits and exceptions visible in the RapidCents merchant dashboard.
Try it, edit values and click buttons
Merchant dashboard
- Today
- $4,218
- Deposits
- $12,482
- Disputes
- 2 open
- In-person
- $842
- Online
- $1,104
- Virtual terminal
- $392
Demonstration data only
Integrations
React and Vue SDK
Official component wrappers for SPA frameworks.
Mobile WebView
Embedded checkout inside iOS and Android apps.
Design system tokens
Map CSS variables to component theme API.
Works with Embedded Payments
Capabilities on the same account, so the parts below connect without a second integration or a second contract.
A RapidCents API request and its response on a developer workstation, with the merchant dashboard and a test terminal. RapidCents APIs
REST endpoints for payments, customers, refunds and reporting.
Explore
Rapid.js hosted card fields on a developer workstation, keeping card entry out of the merchant's PCI scope. Rapid.js
Embedded card fields that keep your checkout in your own design and out of PCI scope.
Explore
A RapidCents webhook delivery timeline next to the payment that triggered it, with a test terminal on the desk. Webhooks
Signed events your systems can react to the moment a payment settles or fails.
Explore
A payment-gateway integration desk: API response on screen, RapidCents terminal ready for a test sale. Payment gateway
The authorization layer every online RapidCents payment runs through.
Explore
A stored RapidCents token stands in for the card number, with the terminal that captured the original credential beside it. Tokenization
Card numbers are replaced by a token, so nothing reusable is stored in your systems.
Explore
An unpaid invoice open in a third-party CRM with the RapidBridge panel beside it, showing the record number, amount, customer and email it detected from the page on its own, and buttons to send a payment link or charge a saved card. RapidBridge
Connects RapidCents to the software you already run, without rebuilding it.
Explore
Security
Hosted field isolation
PAN never enters your JavaScript context.
CSP guidance
Documentation for content security policy setup.
Sub-merchant KYC
Connected onboarding collects verification docs.
Implementation
SDK evaluation
Use playground to prototype themed components.
Server integration
Implement intent creation and webhook handlers.
Theme QA
Visual review across breakpoints and dark mode.
Production rollout
Gradual feature flag to embedded checkout.
Pricing
Platform pricing
Processing rates plus optional platform fee per connected account. Contact for volume pricing.
Cards, currencies and settlement in Canada
What a RapidCents account in Canada accepts, the currencies it settles in, and when the money arrives.
Cards and methods accepted
Visa, Mastercard, American Express, Discover, UnionPay and Diners Club cards from any country, plus Interac Debit, Apple Pay, Google Pay and EFT/PAD bank payments, on one merchant account.
137+ currencies, settled in CAD or USD
Process in CAD, USD, EUR and 137+ currencies, and deposit payouts directly into your Canadian CAD bank account or your Canadian USD bank account, so USD sales are not converted twice.
Next-business-day funding and reconciliation
Batches close nightly and deposits arrive the next business day, based on cut-off times and eligibility, with deposit-level reporting in one RapidCents dashboard.
Questions about Embedded Payments
iframe or JS mount?
Both supported. iframe is fastest for PCI reduction.
Customize error messages?
Yes via locale strings and theme callback hooks.
Mobile responsive?
Components adapt to container width and mobile keyboards.
Connected accounts required?
Optional. Use for marketplace; single merchant can embed without splits.
How is embedded payments different from hosted checkout?
Hosted checkout sends the customer to a RapidCents-hosted page. Embedded payments keep them inside your application, mounting a PCI-scoped card element in your own layout with your CSS theme. The card data is isolated either way; the difference is whether your product's checkout still looks like your product.
Does embedding card fields put card data in my JavaScript?
No. The card element is a hosted field in an isolated iframe, so the card number never enters your JavaScript context. You receive a token and lifecycle events instead. Documentation covers the content security policy settings the embed needs, which is usually the first thing to trip up a locked-down application.
Do the components work in a mobile app?
Yes. Embedded checkout runs inside a mobile app's web view, and the components adapt to container width and mobile keyboards. Theme values come from your design system's CSS variables rather than being restyled separately for each platform.
Can a platform take the buyer's payment and its own fee in one flow?
Yes, on the platform model. The buyer pays through the embedded components, the charge routes to the sub-merchant's account, and the platform fee splits out on capture. Sub-merchants join as connected accounts, and their onboarding collects verification documents.
How do I test a themed checkout before launch?
In the sandbox component playground, where themed components are prototyped before payment intent creation and webhook handlers are built against them. A visual review across breakpoints and dark mode follows, and a feature flag moves users to embedded checkout gradually rather than all at once.
Related products
A software platform routes connected-merchant payments through RapidCents, with terminals and settlement in one view. Platform Payments
RapidCents platform payments enable marketplaces, franchises and software platforms to onboard…
ExploreA payment-gateway integration desk: API response on screen, RapidCents terminal ready for a test sale. Payment Gateway
The RapidCents payment gateway exposes REST endpoints for authorize, capture, void, refund and…
Explore
Payments taken inside existing business software through RapidCents, with the terminal and dashboard in the same workspace. Integrated Payments
RapidCents integrated payments connect certified POS and ERP systems so sale amounts, tips, refunds…
Explore
Take the next step
Talk to a RapidCents specialist
RapidCents Fee Check reads a processing statement and shows interchange separately from the markup. Upload a statement for an instant breakdown, or open a merchant account and start accepting payments on one account.
- No obligation
- Canadian payment specialists
- Secure statement upload
