Payment method patterns
The payment step is the highest-friction moment in checkout. The pattern depends on the method mix you support, whether returning customers are dominant, and how much the brand wants to lean on express wallets versus traditional card entry.
Radio list with saved cards
Each saved card is its own row with a radio control, brand mark, last four, and expiry. An add new payment method tile sits below. The default for marketplaces and any retailer with high repeat-purchase rates.
> what's good
- +Returning customers see all saved methods at a glance, default selection is one click.
- +Edit and remove actions inline reduce trips to account settings.
- +Easy to extend with bank accounts, gift cards, and balance methods.
> what's risky
- ·Long lists become unwieldy if a customer accumulates many cards over time.
- ·Default-selection logic must be transparent or shoppers feel tricked.
- ·Heavy on screen real estate, weak fit for first-time shoppers.
Brand tile grid with wallets
Express wallet buttons up top in a horizontal row, then a card option, then BNPL and bank methods stacked. The standard pattern for hosted checkouts that need to support 5+ payment types.
> what's good
- +Express wallets at the top capture single-tap conversions on mobile.
- +Clear visual hierarchy between fast methods and traditional card entry.
- +BNPL and local methods get equal billing without crowding the primary flow.
> what's risky
- ·Too many tiles creates choice paralysis, conversion can fall versus a single card field.
- ·Wallets only render if the device supports them, layout must reflow gracefully.
- ·Brand logos clutter an otherwise minimal checkout aesthetic.
Single expanding card field
No picker at all, just a card number, expiry, CVC, and name field shown by default. Express wallets render above as a separate band when supported. The minimalist approach favoured by DTC brands using Stripe.
> what's good
- +Fastest path for shoppers who already know they're paying by card.
- +Visually clean, fits the editorial aesthetic of fashion and lifestyle DTC.
- +Lower cognitive load than a multi-method picker.
> what's risky
- ·No clear path for BNPL or alternative payment methods, must be added separately.
- ·Shoppers expecting PayPal or wallets may bounce if not visible.
- ·Single failure point, card declines have no quick fallback to another method.