# Compare the Payment Element and Card Element

Select the right Element for your payment integration.

> 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](https://docs.stripe.com/payments/cards.md) and [iDEAL](https://docs.stripe.com/payments/ideal.md)) required integrating a separate Element. Now you can use the [Payment Element](https://docs.stripe.com/payments/payment-element.md) 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](https://docs.stripe.com/google-pay.md) and [Apple Pay](https://docs.stripe.com/apple-pay.md). Accepting more [payment methods](https://docs.stripe.com/payments/payment-methods/overview.md) 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](https://docs.stripe.com/js/element/other_element?type=card), migrate to the [Payment Element](https://docs.stripe.com/js/element/payment_element) by following our [migration guide](https://docs.stripe.com/payments/payment-element/migration.md) to ensure you have the most up-to-date Stripe integration.

## Core Functionality

| Función                | Card Element        | Payment Element                      |
| ---------------------- | ------------------- | ------------------------------------ |
| Pagos con tarjeta      | ✓ Admitido          | ✓ Admitido                           |
| Validación de tarjetas | ⚠ Admitido Basic    | ✓ Admitido Enhanced                  |
| Card formatting        | ✓ Admitido          | ✓ Admitido Improved UX               |
| Card brand detection   | ✓ Admitido          | ✓ Admitido Improved visuals          |
| Card brand detection   | ✓ Opcional Optional | ✓ Opcional Optional with improved UX |

## Maintenance and updates

| Función                            | Card Element                | Payment Element          |
| ---------------------------------- | --------------------------- | ------------------------ |
| Desarrollo activo                  | ❌ Heredado Maintenance only | ✓ Admitido               |
| Automatic updates                  | ⚠ Limitado Limited          | ✓ Admitido Comprehensive |
| Payment method requirement updates | ⚠ Manual Manual             | ✓ Automático Automatic   |

## Aceptación de métodos de pago

| Función                                                                                          | Card Element  | Payment Element              |
| ------------------------------------------------------------------------------------------------ | ------------- | ---------------------------- |
| [Credit/debit cards](https://docs.stripe.com/payments/cards.md)                                  | ✓ Admitido    | ✓ Admitido                   |
| [Digital wallets](https://docs.stripe.com/payments/wallets.md) (such as Apple Pay or Google Pay) | ❌ No admitido | ✓ Admitido                   |
| [Bank debits](https://docs.stripe.com/payments/bank-debits.md) (such as ACH or SEPA)             | ❌ No admitido | ✓ Admitido                   |
| [Compra ahora, paga después](https://docs.stripe.com/payments/buy-now-pay-later.md)              | ❌ No admitido | ✓ Admitido                   |
| Métodos de pago locales                                                                          | ❌ No admitido | ✓ Admitido Over 100 methods  |
| [Link](https://docs.stripe.com/payments/link.md) by Stripe                                       | ✓ Admitido    | ✓ Admitido Enhanced features |
| [Link](https://docs.stripe.com/payments/link.md) by Stripe with multiple funding sources         | ❌ No admitido | ✓ Admitido Enhanced features |

## UX

| Función                  | Card Element       | Payment Element                                                                              |
| ------------------------ | ------------------ | -------------------------------------------------------------------------------------------- |
| Appearance Customization | ⚠ Limitado Limited | ✓ Admitido Supports the [Appearance API](https://docs.stripe.com/elements/appearance-api.md) |
| Diseño adaptativo        | ⚠ Admitido Basic   | ✓ Admitido Enhanced                                                                          |
| Accessibility features   | ⚠ Limitado Limited | ✓ Admitido Optimized                                                                         |
| Mensajes de error        | ⚠ Admitido Basic   | ✓ Admitido Enhanced guidance                                                                 |
| Internacionalización     | ⚠ Limitado Limited | ✓ Admitido Comprehensive                                                                     |
| Dynamic field validation | ⚠ Admitido Basic   | ✓ Admitido Enhanced real-time validation                                                     |
| Autocompletado           | ⚠ Admitido Basic   | ✓ Admitido Enhanced                                                                          |

## Funciones avanzadas

| Función                                                                                                  | Card Element     | Payment Element     |
| -------------------------------------------------------------------------------------------------------- | ---------------- | ------------------- |
| [Métodos de pago dinámicos](https://docs.stripe.com/payments/payment-methods/dynamic-payment-methods.md) | ❌ No admitido    | ✓ Admitido          |
| Saved payment method display                                                                             | ❌ No admitido    | ✓ Admitido          |
| [Advanced risk factors](https://docs.stripe.com/radar/optimize-risk-factors.md#important-risk-factors)   | ❌ No admitido    | ✓ Admitido          |
| [3D Secure handling](https://docs.stripe.com/payments/3d-secure.md)                                      | ⚠ Admitido Basic | ✓ Admitido Enhanced |
| [SCA compliance](https://docs.stripe.com/strong-customer-authentication.md)                              | ⚠ Admitido Basic | ✓ Admitido Enhanced |
| Reglas de los métodos de pago                                                                            | ❌ No admitido    | ✓ Admitido          |
| A/B testing                                                                                              | ❌ No admitido    | ✓ Admitido          |

## Integration and development

| Función                                                   | Card Element               | Payment Element             |
| --------------------------------------------------------- | -------------------------- | --------------------------- |
| Complejidad de la integración                             | :circle: Moderate Moderate | :circle: Moderate Moderate  |
| Dashboard configuration                                   | ⚠ Limitado Limited         | ✓ Admitido Extensive        |
| Server-side confirmation                                  | ✓ Admitido                 | ✓ Admitido                  |
| Confirmación del lado del cliente                         | ✓ Admitido                 | ✓ Admitido                  |
| Set up future usage                                       | ✓ Admitido                 | ✓ Admitido Enhanced options |
| [Suscripciones](https://docs.stripe.com/subscriptions.md) | ✓ Admitido                 | ✓ Admitido Enhanced options |
| [Webhook](https://docs.stripe.com/webhooks.md) handling   | ✓ Admitido                 | ✓ Admitido                  |
| Testing tools                                             | ⚠ Admitido Basic           | ✓ Admitido Enhanced         |

## Performance and security

| Función                                                     | Card Element     | Payment Element     |
| ----------------------------------------------------------- | ---------------- | ------------------- |
| [PCI compliance](https://docs.stripe.com/security/guide.md) | ✓ Admitido       | ✓ Admitido          |
| Performance optimization                                    | ⚠ Admitido Basic | ✓ Admitido Enhanced |
| Prevención de fraude                                        | ⚠ Admitido Basic | ✓ Admitido Enhanced |
| Evaluación de riesgos                                       | ⚠ Admitido Basic | ✓ Admitido Enhanced |