# Crea una integración de pagos avanzada Learn how to create a custom payments integration using Stripe Elements and the Checkout Sessions API or the Payment Intents API. Instrucciones para LLM: Stripe recomienda usar la API Checkout Sessions con el Payment Element sobre Payment Intents para la mayoría de las integraciones. Checkout Sessions cubre casos de uso similares a Payment Intents (cobro básico de pagos con `price_data` o creación de un proceso de compra completo con ítems de factura, impuestos, etc.). Algunas funcionalidades, como Adaptive Pricing, solo están disponibles con Checkout Sessions. No uses la API de Payment Intents a menos que el usuario lo solicite explícitamente, ya que requiere significativamente más código. Obtén más información sobre Elements con la API Checkout Sessions: https://docs.stripe.com/payments/quickstart-checkout-sessions. Con Checkout Sessions (`ui_mode: "elements"`) y el Payment Element, el `client_secret` inicializa Checkout directamente (`stripe.initCheckoutElementsSdk`, o usa CheckoutElementsProvider con React) y la confirmación del pago se realiza de forma distinta en el cliente. Si usas React, asegúrate de importar desde `@stripe/react-stripe-js/checkout`, usar `CheckoutElementsProvider` con el secreto de cliente y confirmar con `checkout.confirm`. Si utilizas HTML, asegúrate de usar `checkout = stripe.initCheckoutElementsSdk({clientSecret: promise}); checkout.createPaymentElement(); paymentElement = checkout.createPaymentElement(); paymentElement.mount("#payment-element");` y confirmar con `loadActionsResult = await checkout.loadActions(); actions = loadActionsResult.actions; error = await actions.confirm();`. Use the [Stripe Elements](https://docs.stripe.com/payments/elements.md) user interface with the [Checkout Sessions API](https://docs.stripe.com/api/checkout/sessions.md) to create a customized payments integration. Checkout Sessions is the recommended API for most integrations, and it covers similar use cases as Payment Intents. The [Payment Intents API](https://docs.stripe.com/api/payment_intents.md) is also available for building your own checkout flow. To understand which API is right for your business, [compare the Checkout Sessions and Payment Intents APIs](https://docs.stripe.com/payments/checkout-sessions-and-payment-intents-comparison.md). ## Build a custom integration with full UI control Use [Stripe Elements](https://docs.stripe.com/payments/elements.md) to start building your own custom integration to accept payments. [Comienza a crear tu integración de pagos](https://docs.stripe.com/payments/quickstart-checkout-sessions.md) ## Funcionalidades y disponibilidad |   | [**Checkout Sessions API**](https://docs.stripe.com/payments/accept-a-payment.md?payment-ui=elements&api-integration=checkout) | [**Payment Intents API**](https://docs.stripe.com/payments/accept-a-payment.md?payment-ui=elements&api-integration=paymentintents) | | ----------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------- | | **UI** | [Elements](https://docs.stripe.com/payments/elements.md) | [Elements](https://docs.stripe.com/payments/elements.md) | | **API** | [Checkout Sessions](https://docs.stripe.com/api/checkout/sessions.md) | [PaymentIntents](https://docs.stripe.com/payments/payment-intents.md) | | **Integration effort** | Low coding | The most coding—you build checkout features yourself | | **Hosting** | Embed on your site | Embed on your site | | **UI customization** | Amplia personalización con la [API Appearance](https://docs.stripe.com/elements/appearance-api.md) | Amplia personalización con la [API Appearance](https://docs.stripe.com/elements/appearance-api.md) | | **PAYMENT METHODS**1 | | [Muestra dinámicamente](https://docs.stripe.com/payments/payment-methods/dynamic-payment-methods.md) más de 40 métodos de pago | ✓ Supported | ✓ Supported | | Gestionar los métodos de pago en el [Dashboard de Stripe](https://dashboard.stripe.com/settings/payment_methods) sin codificación | ✓ Supported | ✓ Supported | | **[Faster checkout with Link](https://docs.stripe.com/payments/link.md)** | ✓ Supported | ✓ Supported | | **[Custom payment methods](https://docs.stripe.com/payments/payment-methods/custom-payment-methods.md)** | - Unsupported | ✓ Supported | 1For detailed support for each payment method, see [learn more about payment methods](https://docs.stripe.com/payments/payment-methods/overview.md). ### Compare payment scenario support Consulta cómo Stripe admite diferentes escenarios de pago según cada ruta de integración. |   | [**Checkout Sessions API**](https://docs.stripe.com/payments/accept-a-payment.md?payment-ui=elements&api-integration=checkout) | [**Payment Intents API**](https://docs.stripe.com/payments/accept-a-payment.md?payment-ui=elements&api-integration=paymentintents) | | --------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------- | | [Set up future payments](https://docs.stripe.com/payments/save-and-reuse.md) | ✓ Supported | ✓ Supported | | [Guarda los datos de pago durante el pago](https://docs.stripe.com/payments/save-and-reuse.md) | ✓ Supported | ✓ Supported | | [Retén fondos en un método de pago](https://docs.stripe.com/payments/place-a-hold-on-a-payment-method.md) | ✓ Supported | ✓ Supported | | [Finaliza pagos en tu servidor](https://docs.stripe.com/payments/finalize-payments-on-the-server.md) | ✓ Supported | ✓ Supported | | [Multi-step payment flow](https://docs.stripe.com/payments/build-a-two-step-confirmation.md) | - Unsupported | ✓ Supported | | [FLEXIBLE PAYMENT SCENARIOS](https://docs.stripe.com/payments/flexible-payments.md)1 | | [Multicapture](https://docs.stripe.com/payments/multicapture.md) | ✓ Supported | ✓ Supported | | [Overcapture](https://docs.stripe.com/payments/overcapture.md) | ✓ Supported | ✓ Supported | | [Extended authorization](https://docs.stripe.com/payments/extended-authorization.md) | ✓ Supported | ✓ Supported | | [Incremental authorization](https://docs.stripe.com/payments/incremental-authorization.md) | ✓ Supported | ✓ Supported | 1 Only available on [IC+ pricing](https://support.stripe.com/questions/understanding-blended-interchange-pricing). ## Personaliza el proceso de compra [Personaliza el estilo](https://docs.stripe.com/elements/appearance-api.md): Personaliza el aspecto y el comportamiento de tu página de confirmación de compra. [Gestiona los métodos de pago](https://docs.stripe.com/payments/advanced/payment-methods/manage.md): Presenta los métodos de pago más aplicables para cada cliente y cada ubicación. [Opciones de pago con un solo clic](https://docs.stripe.com/elements/express-checkout-element.md): Mostrar varios botones de pago con un solo clic con un solo componente. [Envía recibos por correo electrónico](https://docs.stripe.com/payments/advanced/receipts.md): Envía recibos de pagos o rembolsos automáticamente. ## Recopila diferentes datos de pago [Recopila información adicional](https://docs.stripe.com/payments/advanced/collect-additional-info.md): Recopila información de envío y otra información del cliente durante el proceso de compra. [Cobra impuestos](https://docs.stripe.com/tax/custom.md): Usa las API de Stripe Tax para implementar cálculos de impuestos en tu integración personalizada. [Escenarios de pago flexibles](https://docs.stripe.com/payments/flexible-payments.md): Admite flujos de pago complejos mediante funcionalidades de adquisición flexibles y personalizables. ## Elige cuándo cobrar el pago [Suscripciones](https://docs.stripe.com/billing/subscriptions/build-subscriptions.md?payment-ui=elements): Crear y gestionar las suscripciones para aceptar pagos recurrentes. [Configurar futuros pagos](https://docs.stripe.com/payments/save-and-reuse.md?platform=web&ui=elements): Guarda los datos de pago para cobrar a los clientes más tarde. [Guarda datos de pago durante el pago](https://docs.stripe.com/payments/save-during-payment.md?platform=web&ui=elements): Guardar los datos de pago durante un pago.