Debit Only UX Guidelines

Objective

Provide a consistent customer experience while enforcing debit-only
eligibility.

Button Placement

• Product page
• Cart
• Checkout

Card Display

Eligible Cards

• Selectable
• Displayed first

Unavailable Cards

• Visible
• Disabled
• Grouped separately
• Explain why unavailable

Messaging

If no eligible cards exist: - Inform the customer. - Provide a
return-to-merchant CTA.

Accessibility

• Disabled controls remain readable.
• Maintain keyboard navigation.
• Preserve color contrast.

Best Practices

• Never hide unavailable cards.
• Replace unavailable default card with first eligible debit card.
• Do not change stored customer preferences.