# 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 utilizar la API Checkout Sessions con el elemento de pago en lugar de Payment Intents para la mayoría de las integraciones. Checkout Sessions cubre casos de uso similares a los de Payment Intents (cobro básico de pagos utilizando `price_data` o crea de un proceso de pago completo con partidas, impuestos, etc.). Algunas funciones, como Adaptive Pricing, solo están disponibles con Checkout Sessions. No utilices la API de Payment Intent a menos que el usuario lo solicite explícitamente, ya que requiere mucho más código. Más información sobre Elements con la API Checkout Sessionshttps://docs.stripe.com/payments/quickstart-checkout-sessions. Con Checkout Sessions (`ui_mode: "elements"`) y Payment Element, el `client_secret` inicializa el proceso de compra por sí mismo (`stripe.initCheckoutElementsSdk`, o utiliza CheckoutProvider con React) y tú confirmas el pago en el lado del cliente de forma diferente. Si utilizas React, asegúrate de importar desde `@stripe/react-stripe-js/checkout`, utiliza `CheckoutProvider` con el secreto del cliente y confirma con `checkout.confirm`. Si utilizas HTML, asegúrate de utiliza `checkout = stripe.initCheckoutElementsSdk({clientSecret: promise}); checkout.createPaymentElement(); paymentElement = checkout.createPaymentElement(); paymentElement.mount("#payment-element");` y confirma 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. [Empieza a construir tu integración de pagos](https://docs.stripe.com/payments/quickstart-checkout-sessions.md) ## Funciones 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 | | Gestiona los métodos de pago en el [Dashboard de Stripe](https://dashboard.stripe.com/settings/payment_methods) sin necesidad de programació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 Descubre cómo Stripe acepta diferentes situaciones 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 | | [Guardar datos de pago durante el pago](https://docs.stripe.com/payments/save-and-reuse.md) | ✓ Supported | ✓ Supported | | [Retener fondos de un método de pago](https://docs.stripe.com/payments/place-a-hold-on-a-payment-method.md) | ✓ Supported | ✓ Supported | | [Finaliza los 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 la apariencia y el comportamiento de tu página del proceso de pago. [Gestiona los métodos de pago](https://docs.stripe.com/payments/advanced/payment-methods/manage.md): Presenta los métodos de pago más adecuados 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 en 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 reembolsos automáticamente. ## Recopila los diferentes datos de pago [Recoge información adicional](https://docs.stripe.com/payments/advanced/collect-additional-info.md): Recopila la información de envío y otros datos del cliente durante el proceso de compra. [Recauda 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 con funciones de capacidad adquirente flexibles y personalizables. ## Elige cuándo cobrar el pago [Suscripciones](https://docs.stripe.com/billing/subscriptions/build-subscriptions.md?payment-ui=elements): Crea y gestiona las suscripciones para aceptar pagos recurrentes. [Configura 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. [Guardar datos de pago durante el pago](https://docs.stripe.com/payments/save-during-payment.md?platform=web&ui=elements): Guarda los datos de pago durante un pago.