# Crea una integración de pagos en la aplicación Usar los pagos dentro de la aplicación de Stripe para crear una integración de pagos personalizada y flujos de compra para tus aplicaciones iOS, Android y React Native. Este resumen te ayuda a planificar tu integración. > #### Aplicaciones EE. UU. que venden bienes digitales > > Las aplicaciones Android en EE. UU. que venden bienes digitales pueden procesar pagos dentro de la app mediante . Si vendes bienes digitales en iOS, consulta cómo implementar un flujo de app a web con Stripe Checkout en [Vender bienes digitales y suscripciones](https://docs.stripe.com/mobile/digital-goods/checkout.md). Con los pagos dentro de la aplicación de Stripe, puedes hacer lo siguiente: 1. Muestra de forma dinámica más de 40 métodos de pago, incluidos Apple Pay, Google Pay y Link, así como métodos de pago guardados. 1. Recopila información de pago, como números de tarjetas de crédito y datos de facturación. 1. Completa el pago y gestiona la autenticación como *3DS2* (3D Secure 2 (3DS2) removes friction from the authentication process and improves the purchase experience compared to 3D Secure 1. It's the main card authentication method used to meet Strong Customer Authentication (SCA) requirements in Europe and is a key mechanism for businesses to request exemptions to SCA) o redirecciona a una aplicación bancaria. ## Elige una interfaz de usuario (IU) Elige entre tres integraciones de interfaz de usuario (IU) diferentes según tu experiencia de usuario y necesidades de diseño preferidas. | | Payment Sheet | Flow Controller | Payment Element | | ---------------------------------- | ------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | | Esfuerzo de integración | Complexity: 2/5 | Complexity: 3/5 | Complexity: 3/5 | | Mostrar métodos de pago | En una hoja | En una hoja | En una vista integrable | | Recopilar datos de pago | En una hoja | En una hoja | En una hoja | | Completar pago | En una hoja | Tú controlas cuándo confirmar en tu interfaz de usuario (IU) | Tú controlas cuándo confirmar en tu interfaz de usuario (IU) | | Flexibilidad en las transferencias | Presentación de hoja fija | Hoja fija para selección, confirmación flexible | Integra métodos de pago en cualquier parte de tu aplicación | #### Payment Sheet ![Un flujo de pago que muestra una pantalla del carrito con un botón Comprar que presenta a Payment Sheet para completar el pago](https://b.stripecdn.com/docs-statics-srv/assets/overview-payment-sheet.1654dac09bb9ee7a067076b22842daa6.png) ![Presentación de pagos dentro de la aplicación de Stripe con código QR de la tienda de aplicaciones](https://b.stripecdn.com/docs-statics-srv/assets/appstore_qr.ce33264690ffb3cebb2982458ccb496d.svg) Esta integración muestra métodos de pago, recopila información de pago y completa el pago en una sola hoja preestablecida. Recomendamos usar esta interfaz de usuario (IU) para aceptar pagos en tu aplicación para la mayoría de los usuarios. Puedes personalizar más de 50 aspectos de la apariencia, incluidos los colores y las fuentes, con la [guía API Appearance](https://docs.stripe.com/elements/appearance-api/mobile.md). **Prueba la demostración**: escanea el código QR o usa este [enlace](https://apps.apple.com/us/app/stripe-payments-showcase/id6450683352) para descargar una aplicación de demostración interactiva. **Ideal para lo siguiente…** - Agregar pagos en la aplicación de forma rápida con un código mínimo. - Un proceso de compra en el que el cliente toca un solo botón “Comprar” y completa el pago en un solo paso. **Considera otra opción para…** - Primero debes recopilar un método de pago y confirmar el pago por separado en tu propia interfaz de usuario (IU). Para ello, [usa Flow Controller](https://docs.stripe.com/payments/mobile.md?in-app-ui=flow-controller#choose-a-ui). - Inserta métodos de pago directamente en tus propias pantallas en lugar de en una hoja. Para ello, [usa Payment Element](https://docs.stripe.com/payments/mobile.md?in-app-ui=payment-element#choose-a-ui). #### Flow Controller ![Un flujo de pago de varios pasos que muestra una pantalla del carrito que recopila un método de pago en la hoja de Stripe antes de que el cliente toque el botón Comprar](https://b.stripecdn.com/docs-statics-srv/assets/overview-flow-controller.20860fdb0ea1653eb5d60c826eee527c.png) ![Presentación de pagos dentro de la aplicación de Stripe con código QR de la tienda de aplicaciones](https://b.stripecdn.com/docs-statics-srv/assets/appstore_qr.ce33264690ffb3cebb2982458ccb496d.svg) Flow Controller utiliza una hoja prediseñada para mostrar y recopilar métodos de pago, pero te permite controlar cuándo y cómo se confirma el pago en tu propia interfaz de usuario (IU). Tiene las mismas [personalizaciones de aspecto](https://docs.stripe.com/elements/appearance-api/mobile.md) que Payment Sheet. **Prueba la demostración**: escanea el código QR o usa este [enlace](https://apps.apple.com/us/app/stripe-payments-showcase/id6450683352) para descargar una aplicación de demostración interactiva. **Ideal para lo siguiente…** - El cliente selecciona un método de pago en la hoja de Stripe y confirma el pago en tu propia interfaz de usuario (IU). - Ajuste de totales, aplicar descuentos o recopilar información adicional después de que el cliente elige un método de pago. **Considera otra opción para…** - Una única experiencia de pago integral gestionada en su totalidad en una sola hoja. Para ello, [usa Payment Sheet](https://docs.stripe.com/payments/mobile.md?in-app-ui=payment-sheet#choose-a-ui). - Integra métodos de pago directamente en tus propias pantallas con filas muy personalizadas. Para ello, [usa Payment Element](https://docs.stripe.com/payments/mobile.md?in-app-ui=payment-element#choose-a-ui). #### Payment Element ![Un flujo de pago que muestra una pantalla del carrito que recopila un método de pago con Payment Element integrado en línea](https://b.stripecdn.com/docs-statics-srv/assets/overview-embedded-inline.fa845b8ce13dee5940fb46c42b0570a4.png) *Payment Element integrado de forma directa en el carrito.* ![Un flujo de pago que muestra una pantalla del carrito que recopila un método de pago con Payment Element en otra pantalla](https://b.stripecdn.com/docs-statics-srv/assets/overview-embedded-interstitial.8b11682b3e8a874883a232afc1195530.png) *Payment Element se muestra en una pantalla específica.* ![Presentación de pagos dentro de la aplicación de Stripe con código QR de la tienda de aplicaciones](https://b.stripecdn.com/docs-statics-srv/assets/appstore_qr.ce33264690ffb3cebb2982458ccb496d.svg) Payment Element muestra los métodos de pago en una vista integrable en lugar de una hoja, de modo que puedes colocar la lista de métodos de pago en cualquier parte de tu aplicación. Cuando un cliente selecciona un método que necesita más detalles, Stripe presenta una hoja para recopilar esa información de forma segura. Tú controlas cuándo y cómo se confirma el pago en tu propia interfaz de usuario (IU). Puedes personalizar por completo el aspecto y el comportamiento de las filas de los métodos de pago para que coincidan con los patrones de navegación y el sistema de diseño de tu aplicación con la [guía API Appearance](https://docs.stripe.com/elements/appearance-api/embedded-mobile.md). **Prueba la demostración**: escanea el código QR o usa este [enlace](https://apps.apple.com/us/app/stripe-payments-showcase/id6450683352) para descargar una aplicación de demostración interactiva. **Ideal para lo siguiente…** - Máxima flexibilidad en el diseño y navegación del proceso de compra. - Opciones de pago en línea (por ejemplo, directamente en la interfaz de usuario (IU) de tu carrito) o en otra pantalla que controlas. **Considera otra opción para…** - Una única experiencia de pago integral gestionada en su totalidad en una sola hoja. Para configurarla, [usa Payment Sheet](https://docs.stripe.com/payments/mobile.md?in-app-ui=payment-sheet#choose-a-ui). - Otro paso de “elegir método de pago” antes de la confirmación, sin insertar métodos de pago en línea. Para ello, [usa Flow Controller](https://docs.stripe.com/payments/mobile.md?in-app-ui=flow-controller#choose-a-ui). #### Item 1 ## Elige una API La integración de los pagos dentro de la aplicación de Stripe utiliza [PaymentIntents](https://docs.stripe.com/payments/payment-intents.md) o [SetupIntents](https://docs.stripe.com/payments/setup-intents.md). ### Acepta un pago | ⠀ | | | ------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | API | [PaymentIntent](https://docs.stripe.com/api/payment_intents/object.md) | | Descripción | Cobrar pago y aceptar pagos al cliente de inmediato. Nuestra interfaz de usuario (IU) muestra una casilla de verificación “Guardar mi información” que permite a los clientes guardar su método de pago para futuros procesos de compra. Obtén más información sobre [métodos de pago guardados](https://docs.stripe.com/payments/mobile.md#saved-payment-methods). | | Métodos de pago admitidos | Tanto de un solo uso como reutilizables | | Ejemplos | - Comprar un producto o servicio en una sola transacción (por ejemplo, proceso de compra de comercio electrónico) - Pagar un viaje o entrega de comida en el momento del pedido | | **Empezar** | [Aceptar un pago con Payment Sheet](https://docs.stripe.com/payments/mobile/accept-payment.md?integration=paymentsheet&type=payment) | ### Configurar un método de pago | ⠀ | | | ------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | API | [SetupIntent](https://docs.stripe.com/api/setup_intents/object.md) | | Descripción | Recopila y guarda un método de pago para pagos futuros *sin* cobrarle al cliente. | | Métodos de pago admitidos | Solo métodos de pago reutilizables | | Ejemplos | - Crear cuenta para una aplicación y guardar un método de pago durante el onboarding - Configurar un método de pago al inicio de una suscripción con un período de prueba gratuito - Recopilar datos de pago para campañas crowdfunding (aceptar pagos solo si se cumple el objetivo) - Almacenar información de pago antes de activar un servicio | | **Empezar** | [Configurar un método de pago con Payment Sheet](https://docs.stripe.com/payments/mobile/accept-payment.md?integration=paymentsheet&type=setup) | ### Aceptar y configurar un pago | ⠀ | | | ------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | API | [PaymentIntent](https://docs.stripe.com/api/payment_intents/object.md) con [setup_future_usage](https://docs.stripe.com/api/payment_intents/object.md#payment_intent_object-setup_future_usage) | | Descripción | Acepta pagos al cliente ahora y guarda su método de pago para su uso futuro configurando tu PaymentIntent para guardar el método de pago. Puedes solicitar que se guarden todos los métodos de pago configurando `setup_future_usage`. El uso de `setup_future_usage` deshabilita métodos de pago únicos, como la mayoría de los procesos [compra ahora, paga después](https://docs.stripe.com/payments/buy-now-pay-later.md). Para admitir métodos de pago únicos y reutilizables, configura el consumo futuro en métodos de pago específicos, como [payment_method_options[card][setup_future_usage]](https://docs.stripe.com/api/payment_intents/object.md#payment_intent_object-payment_method_options-card-setup_future_usage) para guardar tarjetas. | | Métodos de pago admitidos | Tanto de un solo uso como reutilizables | | Ejemplos | - Registro de usuarios para obtener una suscripción que incluya un pago por adelantado (por ejemplo, cobrar el primer mes de inmediato) - Cobro por una compra inicial y almacenamiento del método de pago para compras imprevistas o complementarias | | **Empezar** | [Aceptar y configurar un pago con Payment Sheet](https://docs.stripe.com/payments/mobile/accept-payment.md?integration=paymentsheet&type=paymentsfu) | #### Item 2 ## Elige una API La integración de los pagos dentro de la aplicación de Stripe utiliza [PaymentIntents](https://docs.stripe.com/payments/payment-intents.md) o [SetupIntents](https://docs.stripe.com/payments/setup-intents.md). ### Acepta un pago | ⠀ | | | ------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | API | [PaymentIntent](https://docs.stripe.com/api/payment_intents/object.md) | | Descripción | Cobrar pago y aceptar pagos al cliente de inmediato. Nuestra interfaz de usuario (IU) muestra una casilla de verificación “Guardar mi información” que permite a los clientes guardar su método de pago para futuros procesos de compra. Obtén más información sobre [métodos de pago guardados](https://docs.stripe.com/payments/mobile.md#saved-payment-methods). | | Métodos de pago admitidos | Tanto de un solo uso como reutilizables | | Ejemplos | - Comprar un producto o servicio en una sola transacción (por ejemplo, proceso de compra de comercio electrónico) - Pagar un viaje o entrega de comida en el momento del pedido | | **Empezar** | [Aceptar un pago con Flow Controller](https://docs.stripe.com/payments/mobile/accept-payment.md?integration=paymentsheet-flowcontroller&type=payment) | ### Configurar un método de pago | ⠀ | | | ------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | API | [SetupIntent](https://docs.stripe.com/api/setup_intents/object.md) | | Descripción | Recopila y guarda un método de pago para pagos futuros *sin* cobrarle al cliente. | | Métodos de pago admitidos | Solo métodos de pago reutilizables | | Ejemplos | - Crear cuenta para una aplicación y guardar un método de pago durante el onboarding - Configurar un método de pago al inicio de una suscripción con un período de prueba gratuito - Recopilar datos de pago para campañas crowdfunding (aceptar pagos solo si se cumple el objetivo) - Almacenar información de pago antes de activar un servicio | | **Empezar** | [Configurar un método de pago con Flow Controller](https://docs.stripe.com/payments/mobile/accept-payment.md?integration=paymentsheet-flowcontroller&type=setup) | ### Aceptar y configurar un pago | ⠀ | | | ------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | API | [PaymentIntent](https://docs.stripe.com/api/payment_intents/object.md) con [setup_future_usage](https://docs.stripe.com/api/payment_intents/object.md#payment_intent_object-setup_future_usage) | | Descripción | Acepta pagos al cliente ahora y guarda su método de pago para su uso futuro configurando tu PaymentIntent para guardar el método de pago. Puedes solicitar que se guarden todos los métodos de pago configurando `setup_future_usage`. El uso de `setup_future_usage` deshabilita métodos de pago únicos, como la mayoría de los procesos [compra ahora, paga después](https://docs.stripe.com/payments/buy-now-pay-later.md). Para admitir métodos de pago únicos y reutilizables, configura el consumo futuro en métodos de pago específicos, como [payment_method_options[card][setup_future_usage]](https://docs.stripe.com/api/payment_intents/object.md#payment_intent_object-payment_method_options-card-setup_future_usage) para guardar tarjetas. | | Métodos de pago admitidos | Tanto de un solo uso como reutilizables | | Ejemplos | - Registro de usuarios para obtener una suscripción que incluya un pago por adelantado (por ejemplo, cobrar el primer mes de inmediato) - Cobro por una compra inicial y almacenamiento del método de pago para compras imprevistas o complementarias | | **Empezar** | [Aceptar y configurar un pago con Flow Controller](https://docs.stripe.com/payments/mobile/accept-payment.md?integration=paymentsheet-flowcontroller&type=paymentsfu) | #### Item 3 ## Elige una API La integración de los pagos dentro de la aplicación de Stripe utiliza [PaymentIntents](https://docs.stripe.com/payments/payment-intents.md) o [SetupIntents](https://docs.stripe.com/payments/setup-intents.md). ### Acepta un pago | ⠀ | | | ------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | API | [PaymentIntent](https://docs.stripe.com/api/payment_intents/object.md) | | Descripción | Cobrar pago y aceptar pagos al cliente de inmediato. Nuestra interfaz de usuario (IU) muestra una casilla de verificación “Guardar mi información” que permite a los clientes guardar su método de pago para futuros procesos de compra. Obtén más información sobre [métodos de pago guardados](https://docs.stripe.com/payments/mobile.md#saved-payment-methods). | | Métodos de pago admitidos | Tanto de un solo uso como reutilizables | | Ejemplos | - Comprar un producto o servicio en una sola transacción (por ejemplo, proceso de compra de comercio electrónico) - Pagar un viaje o entrega de comida en el momento del pedido | | **Empezar** | [Aceptar un pago con Payment Element](https://docs.stripe.com/payments/mobile/accept-payment-embedded.md?type=payment) | ### Configurar un método de pago | ⠀ | | | ------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | API | [SetupIntent](https://docs.stripe.com/api/setup_intents/object.md) | | Descripción | Recopila y guarda un método de pago para pagos futuros *sin* cobrarle al cliente. | | Métodos de pago admitidos | Solo métodos de pago reutilizables | | Ejemplos | - Crear cuenta para una aplicación y guardar un método de pago durante el onboarding - Configurar un método de pago al inicio de una suscripción con un período de prueba gratuito - Recopilar datos de pago para campañas crowdfunding (aceptar pagos solo si se cumple el objetivo) - Almacenar información de pago antes de activar un servicio | | **Empezar** | [Configurar un método de pago con Payment Element](https://docs.stripe.com/payments/mobile/accept-payment-embedded.md?type=setup) | ### Aceptar y configurar un pago | ⠀ | | | ------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | API | [PaymentIntent](https://docs.stripe.com/api/payment_intents/object.md) con [setup_future_usage](https://docs.stripe.com/api/payment_intents/object.md#payment_intent_object-setup_future_usage) | | Descripción | Acepta pagos al cliente ahora y guarda su método de pago para su uso futuro configurando tu PaymentIntent para guardar el método de pago. Puedes solicitar que se guarden todos los métodos de pago configurando `setup_future_usage`. El uso de `setup_future_usage` deshabilita métodos de pago únicos, como la mayoría de los procesos [compra ahora, paga después](https://docs.stripe.com/payments/buy-now-pay-later.md). Para admitir métodos de pago únicos y reutilizables, configura el consumo futuro en métodos de pago específicos, como [payment_method_options[card][setup_future_usage]](https://docs.stripe.com/api/payment_intents/object.md#payment_intent_object-payment_method_options-card-setup_future_usage) para guardar tarjetas. | | Métodos de pago admitidos | Tanto de un solo uso como reutilizables | | Ejemplos | - Registro de usuarios para obtener una suscripción que incluya un pago por adelantado (por ejemplo, cobrar el primer mes de inmediato) - Cobro por una compra inicial y almacenamiento del método de pago para compras imprevistas o complementarias | | **Empezar** | [Aceptar y configurar un pago con Payment Element](https://docs.stripe.com/payments/mobile/accept-payment-embedded.md?type=paymentsfu) | ## Métodos de pago guardados Los pagos dentro de la aplicación de Stripe admiten guardar, mostrar y administrar métodos de pago con tarjeta guardada, cuenta bancaria de EE. UU. y débito SEPA. La recopilación del consentimiento se gestiona de forma automática, lo que garantiza el cumplimiento de la normativa internacional. #### Item 1 ![Payment Sheet guardó métodos de pago](https://b.stripecdn.com/docs-statics-srv/assets/ps-saved-payment-methods.da5ebb05306fb56bcce0737b3e06a0df.png) Accede a métodos de pago guardados en Payment Sheet #### Item 2 ![Payment Sheet guardó métodos de pago](https://b.stripecdn.com/docs-statics-srv/assets/ps-saved-payment-methods.da5ebb05306fb56bcce0737b3e06a0df.png) Ejemplos de cómo los clientes pueden acceder a los métodos de pago guardados en Payment Sheet #### Item 3 ![Métodos de pago guardados en Payment Element](https://b.stripecdn.com/docs-statics-srv/assets/pe-saved-payment-methods.6aef147c8b230f2cb50c115b2054f814.png) Ejemplos de cómo los clientes pueden acceder a los métodos de pago guardados en Payment Element La [API CustomerSessions](https://docs.stripe.com/api/customer_sessions.md) proporciona control adicional sobre lo siguiente: - Cuándo mostrar u ocultar la casilla de consentimiento para guardar datos - Cuándo mostrar u ocultar los métodos de pago guardados - Permitir a los compradores eliminar los métodos de pago guardados - Cómo evitar que los compradores eliminen el último método de pago guardado ## Funcionalidades y disponibilidad - **Interfaz de usuario (IU)** Pagos dentro de la aplicación - **Personalización de la interfaz de usuario (IU)** Extensivos, con la [API Appearance](https://docs.stripe.com/elements/appearance-api/mobile.md) - **Métodos de pago** 1 - [100+](https://docs.stripe.com/payments/payment-methods/integration-options.md#choose-how-to-add-payment-methods) - [Métodos de pago dinámicos](https://docs.stripe.com/payments/payment-methods/dynamic-payment-methods.md) - [Confirmación de compra más rápida con Link](https://docs.stripe.com/payments/link.md) - [Apple Pay](https://docs.stripe.com/apple-pay.md), [Google Pay](https://docs.stripe.com/google-pay.md) y [Amazon Pay](https://docs.stripe.com/payments/amazon-pay.md) - [Métodos de pago personalizados](https://docs.stripe.com/payments/mobile/custom-payment-methods.md) - **Soporte de SDK** [iOS](https://github.com/stripe/stripe-ios), [Android](https://github.com/stripe/stripe-android) y [React Native](https://github.com/stripe/stripe-react-native) - **Pagos únicos y recurrentes** Sí - **Protección contra fraudes** [Sí](https://docs.stripe.com/radar.md) - **Pagos internacionales** [Sí](https://stripe.com/global) Los métodos de pago de carteras 1 requieren [que se registre tu dominio](https://docs.stripe.com/payments/payment-methods/pmd-registration.md).