---
title: "Payment Fields Best Practices: Capture Lost Revenue"
description: Lack of cohesion, fields that don’t function, and lack of guidance on proper checkout completion leave much to be desired. Here's how to fix that.
image: https://blog.basistheory.com/hubfs/payment-field-checkout-flow-best-practices.png
---

[Skip to content](https://blog.basistheory.com/payment-fields-best-practices#main-content)

![Basis Theory logo](https://blog.basistheory.com/hs-fs/hubfs/BTLogo%20(1).png?width=365&height=122&name=BTLogo%20(1).png)

- [Use Cases](https://basistheory.com/)
  
  Show submenu for Use Cases 
  
    - [Creator Economy](https://basistheory.com/use-cases/creator-economy)
    - [Digital Health](https://basistheory.com/use-cases/health)
    - [E-Commerce](https://basistheory.com/use-cases/ecommerce)
    - [Fintech](https://basistheory.com/use-cases/fintech)
    - [Gaming](https://basistheory.com/use-cases/gaming)
    - [Subscription Merchants](https://basistheory.com/use-cases/subscriptions)
    - [Travel](https://basistheory.com/use-cases/travel)
    - [VSaaS](https://basistheory.com/use-cases/vsaas)
- Solutions
  
  Show submenu for Solutions 
  
    - [Agentic Commerce](https://basistheory.com/solution/agentic-commerce)
    - [Data Consolidation](https://basistheory.com/solution/data-consolidation)
    - [Monetize Payments](https://basistheory.com/solution/monetize-payments)
    - [Multi PSP](https://basistheory.com/solution/multi-psp)
    - [Payment Method Discovery](https://basistheory.com/solution/payment-method-discovery)
    - [Payment Vault](https://basistheory.com/solution/payment-vault)
- [Platform](https://basistheory.com/platform)
  
  Show submenu for Platform 
  
    - [Enrichments & Add-Ons](https://basistheory.com/add-ons)
    - [Partners](https://basistheory.com/partnerships)
    - [Why Basis Theory](https://basistheory.com/why-basis-theory)
- [Pricing](https://basistheory.com/pricing)
- Resources
  
  Show submenu for Resources 
  
    - [Blog](https://blog.basistheory.com)
    - [Case Studies](https://blog.basistheory.com/case-studies)
- [Docs](https://developers.basistheory.com/)

Open main navigation

Close main navigation

- [Use Cases](https://basistheory.com/)
  
  Show submenu for Use Cases 
  
    - [Creator Economy](https://basistheory.com/use-cases/creator-economy)
    - [Digital Health](https://basistheory.com/use-cases/health)
    - [E-Commerce](https://basistheory.com/use-cases/ecommerce)
    - [Fintech](https://basistheory.com/use-cases/fintech)
    - [Gaming](https://basistheory.com/use-cases/gaming)
    - [Subscription Merchants](https://basistheory.com/use-cases/subscriptions)
    - [Travel](https://basistheory.com/use-cases/travel)
    - [VSaaS](https://basistheory.com/use-cases/vsaas)
- Solutions
  
  Show submenu for Solutions 
  
    - [Agentic Commerce](https://basistheory.com/solution/agentic-commerce)
    - [Data Consolidation](https://basistheory.com/solution/data-consolidation)
    - [Monetize Payments](https://basistheory.com/solution/monetize-payments)
    - [Multi PSP](https://basistheory.com/solution/multi-psp)
    - [Payment Method Discovery](https://basistheory.com/solution/payment-method-discovery)
    - [Payment Vault](https://basistheory.com/solution/payment-vault)
- [Platform](https://basistheory.com/platform)
  
  Show submenu for Platform 
  
    - [Enrichments & Add-Ons](https://basistheory.com/add-ons)
    - [Partners](https://basistheory.com/partnerships)
    - [Why Basis Theory](https://basistheory.com/why-basis-theory)
- [Pricing](https://basistheory.com/pricing)
- Resources
  
  Show submenu for Resources 
  
    - [Blog](https://blog.basistheory.com)
    - [Case Studies](https://blog.basistheory.com/case-studies)
- [Docs](https://developers.basistheory.com/)
- [Get a demo](https://basistheory.com/contact)

[Login](https://portal.basistheory.com/)

[Get a demo](https://basistheory.com/contact)

 December 18, 2023

![Picture of Basis Theory](https://blog.basistheory.com/hs-fs/hubfs/bt-favicon-new.png?width=50&name=bt-favicon-new.png) [Basis Theory](https://blog.basistheory.com/author/basis-theory-team) ·

[Payments](https://blog.basistheory.com/tag/payments)

# Payment Fields Best Practices: Capture Lost Revenue

![Payment field and checkout flow best practices](https://blog.basistheory.com/hubfs/payment-field-checkout-flow-best-practices.png)

Estimates suggest that somewhere between 36% and 50% of all transactions worldwide are now completed digitally. While this may not come as a surprise to many, what may be surprising is just how many digital payment flows are inefficient and difficult to use.

From lack of cohesion, to fields that don’t function properly, to lack of guidance on proper checkout completion, many flows leave much to be desired. And unfortunately, this is to the detriment of the company’s bottom line.

## Bad Checkout Flows = Lost Revenue

According to [research in 2023 by the Baymard Institute](https://baymard.com/blog/cart-abandonment), poor user experience can account for up to 17% of all abandoned online shopping carts. And, frankly, this makes sense. We’ve all encountered a checkout experience that was tedious, difficult, or nearly impossible - and thought about abandoning, or actually did.

This level of abandonment can have a significant impact on the bottom line. A 2022 Forrester Research report found that poor UX can cost businesses up to $2.8 trillion per year in lost sales due to checkout abandonment. 

## Improving the User Experience of Checkout Flows

Getting back to the basics of checkout experience, payment flows should strive to meet several objectives that improve user experience, payment processing, and conversion. 

To build a flexible but optimized payment experience, merchants should offer checkout flows that have:

- **Simplicity & Familiarity:** Use intuitive interfaces, leveraging recognized UI patterns for user comfort and quick adoption.
- **Speed & Efficiency:** Customers want quick and seamless checkouts with minimal steps and few distractions.
- **Security:** Build trust and confidence with users and ensure their personal information is kept secure.
- **Flexibility:** Payment flows aren’t one-size-fits-all. Customers expect their preferred payment methods will be accepted when paying. 
- **Transparency:** Build transparent, honest flows that give a clear price and path for the customer.

## How to Build Top-Tier Flexible Payment Flows

We developed a comprehensive visual guide that covers user experience best practices, checkout flow examples of top retailers, and small changes you can make today to increase conversion and grow revenue.

Download the complete [Payments UX Best Practices guide](https://blog.basistheory.com/hubfs/resources/payments-ux-best-practices-basis-theory.pdf) today.

[![View an Interactive Demo   See how the Basis Theory platform secures payment data and significantly reduces PCI compliance burden from day 1.  ](https://no-cache.hubspot.com/cta/default/22332934/interactive-171495116167.png)](https://blog.basistheory.com/hs/cta/wi/redirect?encryptedPayload=AVxigLLdQKe1sgUC5jbO8yKcveQP4MEWTlCEfjP%2FXMnaXQrcfFnhCq3kjHoPRnpNF3sqbfBLj6DngWbJPAAVvaJ%2FSRcC73jHhBHXiws8CTi6X4eTgBpDQ7hAWjsy%2BMlmNyM2S3GSDiH9wvJsaVO4EkIf6HTyE%2BftwPfZQfibITOI0Fg6pnPqojnornbqKkoxSYCwE%2B7BCojUmSOyoYX%2BviX4EHuPfKA%3D&webInteractiveContentId=171495116167&portalId=22332934)

## Related posts

[![Building a Fintech Payment Solution](https://blog.basistheory.com/hubfs/Fintechs%20guide%20to%20payments.webp)](https://blog.basistheory.com/fintech-guide-to-payments)

[Payments](https://blog.basistheory.com/tag/payments)

### [How Fintechs Handle PCI Compliance](https://blog.basistheory.com/fintech-guide-to-payments)

![Picture of Basis Theory](https://blog.basistheory.com/hs-fs/hubfs/bt-favicon-new.png?width=50&name=bt-favicon-new.png) [Basis Theory](https://blog.basistheory.com/author/basis-theory-team) 

 July 2, 2026

[Read more](https://blog.basistheory.com/fintech-guide-to-payments)

[![PCI DSS requirement 6: develop and maintain secure systems](https://blog.basistheory.com/hubfs/pci-dss-requirement-6.png)](https://blog.basistheory.com/pci-dss-requirement-6)

[PCI Compliance](https://blog.basistheory.com/tag/pci-compliance)

### [PCI DSS Requirement 6: Develop and Maintain Secure Systems](https://blog.basistheory.com/pci-dss-requirement-6)

![Picture of Basis Theory](https://blog.basistheory.com/hs-fs/hubfs/bt-favicon-new.png?width=50&name=bt-favicon-new.png) [Basis Theory](https://blog.basistheory.com/author/basis-theory-team) 

 September 18, 2023

[Read more](https://blog.basistheory.com/pci-dss-requirement-6)

[![Payment risks and how to mitigate them](https://blog.basistheory.com/hubfs/mitigate-payment-risks.jpg)](https://blog.basistheory.com/reduce-payment-risks)

[Payments](https://blog.basistheory.com/tag/payments)

### [Payment Risks and How to Reduce Them](https://blog.basistheory.com/reduce-payment-risks)

![Picture of Basis Theory](https://blog.basistheory.com/hs-fs/hubfs/bt-favicon-new.png?width=50&name=bt-favicon-new.png) [Basis Theory](https://blog.basistheory.com/author/basis-theory-team) 

 June 14, 2023

[Read more](https://blog.basistheory.com/reduce-payment-risks)

## Stay Connected

### Receive the latest updates straight to your inbox

### Follow on Social

<https://www.linkedin.com/comm/mynetwork/discovery-see-all?usecase=PEOPLE_FOLLOWS&followMember=colinthomasluce>

[![BTLogo (1)](https://blog.basistheory.com/hs-fs/hubfs/BTLogo%20(1).png?width=138&height=46&name=BTLogo%20(1).png "BTLogo (1)")](https://basistheory.com)

- Use Cases 
    - [Creator Economy](https://basistheory.com/use-cases/creator-economy)
    - [Digital Health](https://basistheory.com/use-cases/health)
    - [E-Commerce](https://basistheory.com/use-cases/ecommerce)
    - [Fintech](https://basistheory.com/use-cases/fintech)
    - [Gaming](https://basistheory.com/use-cases/gaming)
    - [Remittance](https://basistheory.com/use-cases/remittance)
    - [Subscription Platforms](https://basistheory.com/use-cases/subscriptions)
    - [Online Travel Agencies](https://basistheory.com/use-cases/travel)
    - [Vertical SaaS](https://basistheory.com/use-cases/vsaas)
- Developers 
    - [Quickstart](https://developers.basistheory.com/getting-started)
    - [Elements](https://developers.basistheory.com/docs/sdks/web/javascript)
    - [Documentation](https://developers.basistheory.com/)
- Basis Theory 
    - [Pricing](https://basistheory.com/pricing)
    - [Add-Ons](https://basistheory.com/add-ons)
    - [ROI Calculator](https://go.basistheory.com/roi)
    - [Case Studies](https://blog.basistheory.com/case-studies)
    - [Blog](https://blog.basistheory.com)
    - [Contact](https://basistheory.com/contact)
- Other 
    - [Terms and Conditions](https://basistheory.com/resources/terms-of-service)
    - [Privacy Policy](https://basistheory.com/resources/privacy-policy)
    - [Cookie Policy](https://basistheory.com/resources/cookie-policy)
    - [Security](https://basistheory.com/security)
    - [System Status](https://status.basistheory.com/)
- Compare 
    - [Basis Theory Vs. Evervault](https://go.basistheory.com/evervault-alternative)
    - [Basis Theory Vs. IXOPAY](https://go.basistheory.com/alternative-to-ixopay)
    - [Basis Theory Vs. VGS](https://go.basistheory.com/compare/very-good-security)

---

```json
{
  "@context" : "https://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "Basis Theory",
    "url" : "https://blog.basistheory.com/author/basis-theory-team"
  },
  "dateModified" : "2024-01-08T21:09:46.821Z",
  "datePublished" : "2023-12-18T19:11:59.000Z",
  "headline" : "Payment Fields Best Practices: Capture Lost Revenue",
  "image" : [ "https://blog.basistheory.com/hubfs/payment-field-checkout-flow-best-practices.png" ],
  "mainEntityOfPage" : {
    "@id" : "https://blog.basistheory.com/payment-fields-best-practices",
    "@type" : "WebPage"
  },
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "url" : "https://blog.basistheory.com/hubfs/BTLogo%20(1).png"
    },
    "name" : "Basis Theory"
  }
}
```