Skip to content
Create account
or
Sign in
The Stripe Docs logo
/
Ask AI
Create account
Sign in
Get started
Payments
Revenue
Platforms and marketplaces
Money management
Developer resources
Overview
About Stripe payments
Upgrade your integration
Payments analytics
Online payments
OverviewFind your use caseManaged Payments
Use Payment Links
Build a checkout page
Build an advanced integration
Build an in-app integration
Payment methods
Add payment methods
Manage payment methods
Faster checkout with Link
Payment interfaces
Payment Links
Checkout
Web Elements
    Overview
    Payment Element
      Payment Element best practices
      Card Element comparison
      Migrate to the Payment Element with Payment Intents
      Migrate to the Payment Element with Checkout Sessions
      Migrate to Confirmation Tokens
    Express Checkout Element
    Address Element
    Currency Selector Element
    Link Authentication Element
    Payment Method Messaging Element
    Tax ID Element
In-app Elements
Payment scenarios
Handle multiple currencies
Custom payment flows
Flexible acquiring
Orchestration
In-person payments
Terminal
Beyond payments
Incorporate your company
Crypto
Financial Connections
Climate
Understand fraud
Radar fraud protection
Manage disputes
Verify identities
HomePaymentsWeb ElementsPayment Element

Compare the Payment Element and Card Element

Select the right Element for your payment integration.

Warning

The Card Element is a legacy integration with significantly less functionality than Payment Element. Stripe strongly recommends using the Payment Element to accept payments of all kinds, including card payments.

Previously, each payment method (for example, cards and iDEAL) required integrating a separate Element. Now you can use the Payment Element to accept payments from one or multiple payment methods, including cards and cards alongside other payment methods.

The Payment Element’s integration effort is the same as the Card Element and it supports all the common payment flows. The Payment Element also gives you instant access to additional payment methods, including Google Pay and Apple Pay. Accepting more payment methods can help your business expand its global reach and improve checkout conversion.

Additionally, Stripe continues to develop and improve the Payment Element and its UI based on data from millions of transactions.

If you’re already using the Card Element, migrate to the Payment Element by following our migration guide to ensure you have the most up-to-date Stripe integration.

Core Functionality

Feature Card Element Payment Element
Card payments
Card validation Basic Enhanced
Card formatting Improved UX
Card brand detection Improved visuals
Card brand detection Optional Optional with improved UX

Maintenance and updates

Feature Card Element Payment Element
Active development Maintenance only
Automatic updates Limited Comprehensive
Payment method requirement updates Manual Automatic

Payment method support

Feature Card Element Payment Element
Credit/debit cards
Digital wallets (such as Apple Pay or Google Pay)
Bank debits (such as ACH or SEPA)
Buy now, pay later
Local payment methods Over 100 methods
Link by Stripe Enhanced features
Link by Stripe with multiple funding sources Enhanced features

UX

Feature Card Element Payment Element
Appearance Customization Limited Supports the Appearance API
Responsive design Basic Enhanced
Accessibility features Limited Optimized
Error messaging Basic Enhanced guidance
Internationalization Limited Comprehensive
Dynamic field validation Basic Enhanced real-time validation
Autofill Basic Enhanced

Advanced features

Feature Card Element Payment Element
Dynamic payment methods
Saved payment method display
Advanced fraud signal detection
3D Secure handling Basic Enhanced
SCA compliance Basic Enhanced
Payment method rules
A/B testing

Integration and development

Feature Card Element Payment Element
Integration complexity Moderate Moderate
Dashboard configuration Limited Extensive
Server-side confirmation
Client-side confirmation
Set up future usage Enhanced options
Subscriptions Enhanced options
Webhook handling
Testing tools Basic Enhanced

Performance and security

Feature Card Element Payment Element
PCI compliance
Performance optimization Basic Enhanced
Fraud prevention Basic Enhanced
Risk assessment Basic Enhanced
Was this page helpful?
YesNo
  • Need help? Contact Support.
  • Join our early access program.
  • Check out our changelog.
  • Questions? Contact Sales.
  • LLM? Read llms.txt.
  • Powered by Markdoc