# 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     | ✓ Aceptado          | ✓ Aceptado                           |
| Validación de tarjeta | ⚠ Aceptado Basic    | ✓ Aceptado Enhanced                  |
| Card formatting       | ✓ Aceptado          | ✓ Aceptado Improved UX               |
| Card brand detection  | ✓ Aceptado          | ✓ Aceptado Improved visuals          |
| Card brand detection  | ✓ Opcional Optional | ✓ Opcional Optional with improved UX |

## Maintenance and updates

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

## Compatibilidad con métodos de pago

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

## UX

| Función                  | Card Element       | Payment Element                                                                              |
| ------------------------ | ------------------ | -------------------------------------------------------------------------------------------- |
| Appearance Customization | ⚠ Limitado Limited | ✓ Aceptado Supports the [Appearance API](https://docs.stripe.com/elements/appearance-api.md) |
| Diseño adaptativo        | ⚠ Aceptado Basic   | ✓ Aceptado Enhanced                                                                          |
| Accessibility features   | ⚠ Limitado Limited | ✓ Aceptado Optimized                                                                         |
| Mensajes de error        | ⚠ Aceptado Basic   | ✓ Aceptado Enhanced guidance                                                                 |
| Internacionalización     | ⚠ Limitado Limited | ✓ Aceptado Comprehensive                                                                     |
| Dynamic field validation | ⚠ Aceptado Basic   | ✓ Aceptado Enhanced real-time validation                                                     |
| Autorrelleno             | ⚠ Aceptado Basic   | ✓ Aceptado 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)     | ❌ Unsupported    | ✓ Aceptado          |
| Saved payment method display                                                                                 | ❌ Unsupported    | ✓ Aceptado          |
| [Advanced fraud signal detection](https://docs.stripe.com/radar/optimize-fraud-signals.md#important-signals) | ❌ Unsupported    | ✓ Aceptado          |
| [3D Secure handling](https://docs.stripe.com/payments/3d-secure.md)                                          | ⚠ Aceptado Basic | ✓ Aceptado Enhanced |
| [SCA compliance](https://docs.stripe.com/strong-customer-authentication.md)                                  | ⚠ Aceptado Basic | ✓ Aceptado Enhanced |
| Reglas de métodos de pago                                                                                    | ❌ Unsupported    | ✓ Aceptado          |
| Pruebas A/B                                                                                                  | ❌ Unsupported    | ✓ Aceptado          |

## Integration and development

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

## Performance and security

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