Stripe Adaptive Pricing in custom checkouts
A new guide shows how to surface Stripe Adaptive Pricing in a custom checkout built on checkout-sdk-js, letting shoppers pay in their local currency while the store settles in its default currency.
- Currency selector — render a host container and pass
currencySelectorContainerIdwhen initializing the Stripe OCS Checkout Session method; the SDK mounts Stripe’s currency selector and styles it through the Stripe Appearance API. - Reacting to currency changes — subscribe to checkout state and read
paymentProviderCustomer.isCustomerCurrencySelectedto know when a shopper switches to a currency other than the store’s default. - Payment method filtering — narrow the payment methods list to only the Stripe OCS Checkout Session method while a presentment currency is active, because other gateways can’t settle in it.
- Testing and troubleshooting — verify the integration with Stripe test currencies and resolve common issues such as a missing selector or a
NotInitializedError.
Requires the Stripe OCS Checkout Session payment method and @bigcommerce/checkout-sdk version 1.948.1 or later. Stores on the reference checkout-js support Adaptive Pricing without additional work.
For details, see Integrating Stripe Adaptive Pricing.