Checkout Elements

Compose Stripe's payment components onto your own form with CSS-level customization

Checkout Elements (ui_mode: 'elements') gives you the highest degree of customization in the Checkout Session family. Your server still creates the session, but the client uses stripe.initCheckoutElementsSdk() to mount individual Elements — payment, billing address, express checkout — on a form you control entirely.

Confirmation is explicit: you call actions.confirm() on your own button click, rather than Stripe handling it internally.

Checkout Session Parameters

Update the below parameters to modify the integration

Product Name

Name shown on the Stripe checkout page

Amount

Entered in smallest currency unit (e.g. cents for USD)

Select the presentment currency

Quantity

Number of units

Checkout Elements

Required to confirm the Checkout Session

Test Docs