Building a seamless global checkout - Part 1
19 March 2026
How Fair Aisle Fitness uses J.P. Morgan’s Online Payments API to support cards, wallets, and local methods across markets
As businesses grow internationally, developers are often tasked with building a scalable, secure online payments experience. This work introduces a lot of considerations that we can help solve with our API, which has benefits that are best explained through an example. That’s why we’re going to walk you through the fictional subscription-based fitness Fair Aisle Fitness.
Fair Aisle Fitness sells resistance bands, yoga mats, and online fitness classes. It’s experiencing international storefront growth, which is creating new payments complexity. For example, European customers prefer local wallets while those in Southeast Asia expect card subscriptions in their local currencies. Fair Aisle would like to accommodate all these needs and deliver a smooth and secure checkout experience.
In this post, we show how a business like Fair Aisle Fitness can build a modern, global payment flow using J.P. Morgan’s Checkout API and Drop-in UI.
Supporting growth across borders
Fair Aisle Fitness faced the same challenges as any high-growth business that’s scaling internationally:
- Supporting cards, wallets, and regional payment methods
- Reducing failed transactions and approval declines
- Managing fraud risk, including bot traffic and card testing
- Gaining visibility into settlement delays and error codes
Their goal was simple. Make it easy for customers to pay regardless of their location or preferred method.
Choosing a unified payments approach
Our Checkout API and Drop-in UI consolidated global payment flows with a single integration that could:
- Enable multiple local payment methods without custom engineering
- Tokenize and secure cardholder data
- Receive real-time transaction updates
- Customize the front-end payment experience with branded styling
Instead of building country-specific payment flows, the team used the Drop-in UI to embed a secure and branded form directly into their storefront. They configured payment options per region using the Commerce Center, avoiding repeated code changes.
Commerce Center complements your API integrations by giving product, operations, or regional teams control over how payment options are configured—without touching the code. Adjust settings like payment methods, currencies, and display rules per region through a secure dashboard, so your developers can build once and deploy globally.
Behind the scenes: building the flow
To start, Fair Aisle’s backend authenticates using OAuth and initiates a checkout session using the Checkout API.
POST /checkout/intent
Authorization: Bearer {accessToken}
merchantId: FairAisleMerchant123
requestId: fa92a0e2‑order‑001 Example request payload:
{
"currencyCode": "EUR",
"merchantOrderNumber": "FI‑ORD12345",
"checkoutOptions": {
"authorization": {
"authorizationType": "AUTH_METHOD_CART_AMOUNT"
},
"capture": {
"captureMethod": "CAPTURE_METHOD_NOW"
}
},
"cart": {
"totalTransactionAmount": 3999
}
}Once the API returns a checkoutSessionToken, the frontend loads the Drop-in UI:
const myDropIn = new DropInUI({
checkoutSessionToken: "ch3ck0ut-t0ken-xyz"
});
myDropIn.mount("checkout-container");
myDropIn.subscribe(pub => {
if (pub.message === "PaymentSuccess") handleSuccess(pub);
if (pub.message === "PaymentUnsuccessful") handleError(pub);
});The Drop-in UI automatically displays the correct payment methods based on customer location and session settings, including support for local wallets or global card brands.
Payment security and observability
Fair Aisle Fitness benefits from built-in payment security and operational transparency:
- Fraud controls and tokenization help mitigate risk without adding customer friction.
- Webhook notifications alert the platform to failed transactions, settlement delays, or unusual behavior.
- Structured API responses provide clear reasons for declines or retries, giving developers the information they need to respond.
These capabilities allow Fair Aisle’s team to respond to real-time issues without waiting for support tickets or manual reconciliation.
The outcome
For a business like Fair Aisle Fitness, our Online Payments capabilities could:
- Increase approval rates across key regions
- Decrease disruptions caused by fraudulent behavior
- Hasten launch into new markets without major rework
- Grow insights into transaction health and cash flow timing
With global-ready integration and streamlined customer experience, the platform stays focused on growth rather than patching together payments logic.
What's next?
This post focused on inbound customer transactions, but our APIs can also support outbound payments for companies like Fair Aisle Fitness. The technology enables support payouts to global suppliers, coaches, and content creators with the same emphasis on visibility, security, and flexibility across regions.
Learn more
Explore how the APIs mentioned here can support your own platform’s growth:
The company “Fair Aisle Fitness” and the scenario described are entirely fictional and provided for illustrative purposes only. Any resemblance to actual persons, companies, or events is purely coincidental. The outcomes depicted are hypothetical and do not guarantee or predict future results. Actual outcomes may vary.