Components
- RadiumOne Checkout — a RadiumOne-hosted payment page. Redirect the shopper to it, or embed it in an iframe on your own page. The shopper enters their card details there, not on your site.
- RadiumOne Elements — a JavaScript SDK you load in your own page. It renders secure card fields and tokenizes the card in the browser, so your server never touches raw card data.
- RadiumOne Payments API — the REST API behind both integrations. Your server calls it to create sessions, charge, capture, void, refund, and check a transaction’s status. It’s also where webhook events come from.
Key objects
Environments
RadiumOne has separate sandbox and production environments, each with its own hosts and keys.
Sandbox and production use separate credentials, hosts and webhook endpoints — see Sandbox and API keys.
How it works
- The shopper starts a purchase on your website.
- Your server creates a checkout session (hosted checkout) or a payment session (Elements) by calling the RadiumOne Payments API with your secret key.
- The shopper enters their card on RadiumOne Checkout or in RadiumOne Elements fields on your page — never on your server.
- RadiumOne routes the authorization request to the card issuer and returns a result.
- Your server confirms the final status with an authenticated request to the Payments API, or by receiving a webhook event.
Next steps
Choose your integration
Compare hosted checkout and Elements across the 3D Secure options.
Sandbox and API keys
Get sandbox credentials before you write any code.
Quickstart
Accept your first payment in sandbox.
API reference
Full Payments API and Checkout API reference.