# 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

| Feature               | Card Element        | Element Pagamento                    |
| --------------------- | ------------------- | ------------------------------------ |
| Pagamentos com cartão | ✓ Aceito            | ✓ Aceito                             |
| Validação de cartão   | ⚠ Aceito Basic      | ✓ Aceito Enhanced                    |
| Card formatting       | ✓ Aceito            | ✓ Aceito Improved UX                 |
| Card brand detection  | ✓ Aceito            | ✓ Aceito Improved visuals            |
| Card brand detection  | ✓ Opcional Optional | ✓ Opcional Optional with improved UX |

## Maintenance and updates

| Feature                            | Card Element              | Element Pagamento      |
| ---------------------------------- | ------------------------- | ---------------------- |
| Desenvolvimento ativo              | ❌ Antiga Maintenance only | ✓ Aceito               |
| Automatic updates                  | ⚠ Limitada Limited        | ✓ Aceito Comprehensive |
| Payment method requirement updates | ⚠ Manual Manual           | ✓ Automático Automatic |

## Suporte a formas de pagamento

| Feature                                                                                          | Card Element | Element Pagamento          |
| ------------------------------------------------------------------------------------------------ | ------------ | -------------------------- |
| [Credit/debit cards](https://docs.stripe.com/payments/cards.md)                                  | ✓ Aceito     | ✓ Aceito                   |
| [Digital wallets](https://docs.stripe.com/payments/wallets.md) (such as Apple Pay or Google Pay) | ❌ Não aceito | ✓ Aceito                   |
| [Bank debits](https://docs.stripe.com/payments/bank-debits.md) (such as ACH or SEPA)             | ❌ Não aceito | ✓ Aceito                   |
| [Compre agora e pague depois](https://docs.stripe.com/payments/buy-now-pay-later.md)             | ❌ Não aceito | ✓ Aceito                   |
| Formas de pagamento locais                                                                       | ❌ Não aceito | ✓ Aceito Over 100 methods  |
| [Link](https://docs.stripe.com/payments/link.md) by Stripe                                       | ✓ Aceito     | ✓ Aceito Enhanced features |
| [Link](https://docs.stripe.com/payments/link.md) by Stripe with multiple funding sources         | ❌ Não aceito | ✓ Aceito Enhanced features |

## UX

| Feature                  | Card Element       | Element Pagamento                                                                          |
| ------------------------ | ------------------ | ------------------------------------------------------------------------------------------ |
| Appearance Customization | ⚠ Limitada Limited | ✓ Aceito Supports the [Appearance API](https://docs.stripe.com/elements/appearance-api.md) |
| Design responsivo        | ⚠ Aceito Basic     | ✓ Aceito Enhanced                                                                          |
| Accessibility features   | ⚠ Limitada Limited | ✓ Aceito Optimized                                                                         |
| Mensagens de erro        | ⚠ Aceito Basic     | ✓ Aceito Enhanced guidance                                                                 |
| Internacionalização      | ⚠ Limitada Limited | ✓ Aceito Comprehensive                                                                     |
| Dynamic field validation | ⚠ Aceito Basic     | ✓ Aceito Enhanced real-time validation                                                     |
| Preenchimento automático | ⚠ Aceito Basic     | ✓ Aceito Enhanced                                                                          |

## Recursos avançados

| Feature                                                                                                      | Card Element   | Element Pagamento |
| ------------------------------------------------------------------------------------------------------------ | -------------- | ----------------- |
| [Formas de pagamento dinâmicas](https://docs.stripe.com/payments/payment-methods/dynamic-payment-methods.md) | ❌ Não aceito   | ✓ Aceito          |
| Saved payment method display                                                                                 | ❌ Não aceito   | ✓ Aceito          |
| [Advanced risk factors](https://docs.stripe.com/radar/optimize-risk-factors.md#important-risk-factors)       | ❌ Não aceito   | ✓ Aceito          |
| [3D Secure handling](https://docs.stripe.com/payments/3d-secure.md)                                          | ⚠ Aceito Basic | ✓ Aceito Enhanced |
| [SCA compliance](https://docs.stripe.com/strong-customer-authentication.md)                                  | ⚠ Aceito Basic | ✓ Aceito Enhanced |
| Regras da forma de pagamento                                                                                 | ❌ Não aceito   | ✓ Aceito          |
| A/B testing                                                                                                  | ❌ Não aceito   | ✓ Aceito          |

## Integration and development

| Feature                                                 | Card Element               | Element Pagamento          |
| ------------------------------------------------------- | -------------------------- | -------------------------- |
| Complexidade da integração                              | :circle: Moderate Moderate | :circle: Moderate Moderate |
| Dashboard configuration                                 | ⚠ Limitada Limited         | ✓ Aceito Extensive         |
| Server-side confirmation                                | ✓ Aceito                   | ✓ Aceito                   |
| Confirmação do lado do cliente                          | ✓ Aceito                   | ✓ Aceito                   |
| Set up future usage                                     | ✓ Aceito                   | ✓ Aceito Enhanced options  |
| [Assinaturas](https://docs.stripe.com/subscriptions.md) | ✓ Aceito                   | ✓ Aceito Enhanced options  |
| [Webhook](https://docs.stripe.com/webhooks.md) handling | ✓ Aceito                   | ✓ Aceito                   |
| Testing tools                                           | ⚠ Aceito Basic             | ✓ Aceito Enhanced          |

## Performance and security

| Feature                                                     | Card Element   | Element Pagamento |
| ----------------------------------------------------------- | -------------- | ----------------- |
| [PCI compliance](https://docs.stripe.com/security/guide.md) | ✓ Aceito       | ✓ Aceito          |
| Performance optimization                                    | ⚠ Aceito Basic | ✓ Aceito Enhanced |
| Prevenção de fraudes                                        | ⚠ Aceito Basic | ✓ Aceito Enhanced |
| Avaliação de riscos                                         | ⚠ Aceito Basic | ✓ Aceito Enhanced |