Skip to content
Create account or Sign in
The Stripe Docs logo
/
Ask AI
Create accountSign in
Get started
Payments
Revenue
Platforms and marketplaces
Money management
Developer resources
APIs & SDKsHelp
Overview
About Stripe payments
Upgrade your integration
Payments analytics
Online payments
OverviewFind your use caseUse Managed Payments
Use Payment Links
Use a prebuilt checkout page
Build a custom integration with Elements
    Overview
    Quickstart guides
    Stripe Elements
      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
    Compare Checkout Sessions and PaymentIntents
    Design an advanced integration
    Customize look and feel
    Manage payment methods
    Collect additional information
    Build a subscriptions integration
    Dynamic updates
    Add discounts
    Collect taxes on your payments
    Redeem credits
    Let customers pay in their local currency
    Save and retrieve customer payment methods
    Send receipts and paid invoices
    Manually approve payments on your server
    Authorize and capture a payment separately
    Elements with Checkout Sessions API beta changelog
Build an in-app integration
In-person payments
Terminal
Payment methods
Add payment methods
Manage payment methods
Faster checkout with Link
Payment scenarios
Handle multiple currencies
Custom payment flows
Flexible acquiring
Orchestration
Beyond payments
Incorporate your company
Crypto
Agentic commerce
Financial Connections
Climate
Understand fraud
Radar fraud protection
Manage disputes
Verify identities
United States
English (United States)
HomePaymentsBuild a custom integration with ElementsStripe 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.
  • Check out our changelog.
  • Questions? Contact Sales.
  • LLM? Read llms.txt.
  • Powered by Markdoc