# Crea una integración de pagos dentro de la aplicación. Utiliza Payments In-App de Stripe para crear una integración de pagos y flujos de compra personalizados para tus aplicaciones iOS, Android y React Native. Este resumen te ayudará a planificar tu integración. > #### Aplicaciones de EE. UU. que venden productos digitales > > Las aplicaciones Android en EE. UU. que venden productos digitales ahora pueden procesar pagos dentro de la aplicación utilizando Stripe. Si vendes productos digitales en iOS, consulta cómo implementar un flujo de aplicación a web utilizando Stripe Checkout en [Vender productos digitales y suscripciones dentro de la aplicación](https://docs.stripe.com/mobile/digital-goods/checkout.md). Con Payments In-App de Stripe, puedes: 1. Muestra dinámicamente más de 40 métodos de pago, como Apple Pay, Google Pay y Link, así como métodos de pago guardados. 1. Recoge datos de pago como los números de tarjetas de crédito y detalles de facturación. 1. Completa el pago, gestionando 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 redirigiendo a una aplicación bancaria. ## Elige una interfaz de usuario Elige entre tres integraciones diferentes de interfaz de usuario según tus preferencias para la experiencia del usuario y el diseño. | | Hoja de pago | Flow Controller | Payment Element | | --------------------------- | ------------------------- | ------------------------------------------------------- | ----------------------------------------------------------- | | Trabajo 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 los datos de pago | En una hoja | En una hoja | En una hoja | | Pago completo | En una hoja | Tú controlas cuándo confirmar en tu interfaz de usuario | Tú controlas cuándo confirmar en tu interfaz de usuario | | Flexibilidad de diseño | Presentación de hoja fija | Hoja fija para selección, confirmación flexible | Integra métodos de pago en cualquier lugar de tu aplicación | #### Hoja de pago ![Un flujo de pago que muestra una pantalla del carrito con un botón Comprar que presenta Payment Sheet para completar el pago](https://b.stripecdn.com/docs-statics-srv/assets/overview-payment-sheet.1654dac09bb9ee7a067076b22842daa6.png) ![Código QR de Stripe para pagos dentro de la aplicación](https://b.stripecdn.com/docs-statics-srv/assets/appstore_qr.ce33264690ffb3cebb2982458ccb496d.svg) Esta integración muestra métodos de pago, recoge información sobre los pagos y completa el pago en una única interfaz de usuario predefinida. Recomendamos usar esta interfaz de usuario 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 Appearance API](https://docs.stripe.com/elements/appearance-api/mobile.md). **Prueba la demostración**: escanea el código QR o utiliza este [enlace](https://apps.apple.com/us/app/stripe-payments-showcase/id6450683352) para descargar una aplicación de demostración interactiva. **Opción recomendada para…** - Añade pagos en la aplicación rápidamente con un mínimo de código. - Proceso de compra en el que el cliente solo tiene que tocar el botón «Comprar» y completa el pago en un solo paso. **Considera otra opción para…** - Primero debes solicitar un método de pago y confirmar el pago por separado en tu propia interfaz de usuario. Para ello, [utiliza Flow Controller](https://docs.stripe.com/payments/mobile.md?in-app-ui=flow-controller#choose-a-ui). - Integra métodos de pago directamente en tus propias pantallas en lugar de en una hoja. Para ello, [utiliza Payment Element](https://docs.stripe.com/payments/mobile.md?in-app-ui=payment-element#choose-a-ui). #### Flow Controller ![Un flujo de pago en varios pasos que muestra una pantalla del carrito que recoge 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) ![Código QR de Stripe para pagos dentro de la aplicación](https://b.stripecdn.com/docs-statics-srv/assets/appstore_qr.ce33264690ffb3cebb2982458ccb496d.svg) Flow Controller utiliza una hoja prediseñada para mostrar y recoger métodos de pago, pero te permite controlar cuándo y cómo se confirma el pago en tu propia interfaz de usuario. Tiene las mismas [personalizaciones de apariencia](https://docs.stripe.com/elements/appearance-api/mobile.md) que Payment Sheet. **Prueba la demostración**: escanea el código QR o utiliza este [enlace](https://apps.apple.com/us/app/stripe-payments-showcase/id6450683352) para descargar una aplicación de demostración interactiva. **Opción recomendada para…** - El cliente selecciona un método de pago en la hoja de Stripe y confirma el pago en tu propia interfaz de usuario. - Ajuste de totales, aplica descuentos o recoge información adicional después de que el cliente elija un método de pago. **Considera otra opción para…** - Una única experiencia de pago integral que se gestiona completamente en una sola hoja. Para ello, [utiliza 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 altamente personalizadas. Para ello, [utiliza 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 recoge un método de pago con Payment Element integrado alineado](https://b.stripecdn.com/docs-statics-srv/assets/overview-embedded-inline.fa845b8ce13dee5940fb46c42b0570a4.png) *Payment Element integrado directamente en el carrito.* ![Un flujo de pago que muestra una pantalla del carrito que recoge un método de pago con Payment Element en una pantalla separada](https://b.stripecdn.com/docs-statics-srv/assets/overview-embedded-interstitial.8b11682b3e8a874883a232afc1195530.png) *Payment Element se muestra en una pantalla propia.* ![Código QR de Stripe para pagos dentro de la aplicación](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, por lo que puedes colocar la lista de métodos de pago en cualquier lugar de tu aplicación. Cuando un cliente selecciona un método que necesita más detalles, Stripe presenta una hoja para recoger esa información de forma segura. Tú controlas cuándo y cómo se confirma el pago en tu propia interfaz de usuario. 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 utiliza este [enlace](https://apps.apple.com/us/app/stripe-payments-showcase/id6450683352) para descargar una aplicación de demostración interactiva. **Opción recomendada para…** - Máxima flexibilidad en el diseño y navegación del proceso de compra. - Opciones de pago alineadas (por ejemplo, directamente en la interfaz de usuario del carrito) o en una pantalla separada que controlas. **Considera otra opción para…** - Una única experiencia de pago integral que se gestiona completamente en una sola hoja. Para configurarla, [utiliza Payment Sheet](https://docs.stripe.com/payments/mobile.md?in-app-ui=payment-sheet#choose-a-ui). - Paso separado de «elegir método de pago» antes de la confirmación, sin insertar métodos de pago alineados. Para ello, [utiliza 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 In-App Payments de Stripe utiliza [PaymentIntents](https://docs.stripe.com/payments/payment-intents.md) o [SetupIntents](https://docs.stripe.com/payments/setup-intents.md). ### Aceptar un pago | .⠀ | | | ------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | API | [PaymentIntent](https://docs.stripe.com/api/payment_intents/object.md) | | Descripción | Recibir los pagos y cobrar al cliente inmediatamente. Nuestra interfaz de usuario muestra una casilla de verificación de «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 los [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, el proceso de compra del comercio electrónico) - Pagar por un viaje o una 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)[Aceptar un pago con Payment Element](https://docs.stripe.com/payments/mobile/accept-payment-embedded.md?type=payment) | ### Configura un método de pago | .⠀ | | | ------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | API | [SetupIntent](https://docs.stripe.com/api/setup_intents/object.md) | | Descripción | Recoge y guarda un método de pago para los pagos futuros *sin* cobrar al cliente. | | Métodos de pago admitidos | Solo métodos de pago reutilizables | | Ejemplos | - Crear una cuenta en una aplicación y guardar un método de pago durante el onboarding - Cómo configurar un método de pago al inicio de una suscripción con un período de prueba gratuito - Recoge datos de pago para campañas de micromecenazgo (efectúa pagos solo si se cumple el objetivo) - Almacena la información del pago antes de activar una utilidad o servicio | | **Empezar** | [Configura un método de pago con Flow Controller](https://docs.stripe.com/payments/mobile/accept-payment.md?integration=paymentsheet-flowcontroller&type=setup)[Configura 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 métodos de [compra ahora, paga después](https://docs.stripe.com/payments/buy-now-pay-later.md). Para dar soporte tanto de métodos de pago únicos como reutilizables, configura la opción de consumo futuro en los 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 | - Crear una cuenta de usuario para una suscripción que incluya un pago por adelantado (por ejemplo, cobrar el primer mes inmediatamente) - Cobrar por una compra inicial y guardar el método de pago para gestionar posibles imprevistos o compras adicionales | | **Empezar** | [Aceptar y configurar un pago con Flow Controller](https://docs.stripe.com/payments/mobile/accept-payment.md?integration=paymentsheet-flowcontroller&type=paymentsfu)[Aceptar y configurar un pago con Payment Element](https://docs.stripe.com/payments/mobile/accept-payment-embedded.md?type=paymentsfu) | #### Item 2 ## Elige una API La integración In-App Payments de Stripe utiliza [PaymentIntents](https://docs.stripe.com/payments/payment-intents.md) o [SetupIntents](https://docs.stripe.com/payments/setup-intents.md). ### Aceptar un pago | .⠀ | | | ------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | API | [PaymentIntent](https://docs.stripe.com/api/payment_intents/object.md) | | Descripción | Recibir los pagos y cobrar al cliente inmediatamente. Nuestra interfaz de usuario muestra una casilla de verificación de «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 los [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, el proceso de compra del comercio electrónico) - Pagar por un viaje o una 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)[Aceptar un pago con Payment Element](https://docs.stripe.com/payments/mobile/accept-payment-embedded.md?type=payment) | ### Configura un método de pago | .⠀ | | | ------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | API | [SetupIntent](https://docs.stripe.com/api/setup_intents/object.md) | | Descripción | Recoge y guarda un método de pago para los pagos futuros *sin* cobrar al cliente. | | Métodos de pago admitidos | Solo métodos de pago reutilizables | | Ejemplos | - Crear una cuenta en una aplicación y guardar un método de pago durante el onboarding - Cómo configurar un método de pago al inicio de una suscripción con un período de prueba gratuito - Recoge datos de pago para campañas de micromecenazgo (efectúa pagos solo si se cumple el objetivo) - Almacena la información del pago antes de activar una utilidad o servicio | | **Empezar** | [Configura un método de pago con Flow Controller](https://docs.stripe.com/payments/mobile/accept-payment.md?integration=paymentsheet-flowcontroller&type=setup)[Configura 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 métodos de [compra ahora, paga después](https://docs.stripe.com/payments/buy-now-pay-later.md). Para dar soporte tanto de métodos de pago únicos como reutilizables, configura la opción de consumo futuro en los 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 | - Crear una cuenta de usuario para una suscripción que incluya un pago por adelantado (por ejemplo, cobrar el primer mes inmediatamente) - Cobrar por una compra inicial y guardar el método de pago para gestionar posibles imprevistos o compras adicionales | | **Empezar** | [Aceptar y configurar un pago con Flow Controller](https://docs.stripe.com/payments/mobile/accept-payment.md?integration=paymentsheet-flowcontroller&type=paymentsfu)[Aceptar y configurar un pago con Payment Element](https://docs.stripe.com/payments/mobile/accept-payment-embedded.md?type=paymentsfu) | #### Item 3 ## Elige una API La integración In-App Payments de Stripe utiliza [PaymentIntents](https://docs.stripe.com/payments/payment-intents.md) o [SetupIntents](https://docs.stripe.com/payments/setup-intents.md). ### Aceptar un pago | .⠀ | | | ------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | API | [PaymentIntent](https://docs.stripe.com/api/payment_intents/object.md) | | Descripción | Recibir los pagos y cobrar al cliente inmediatamente. Nuestra interfaz de usuario muestra una casilla de verificación de «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 los [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, el proceso de compra del comercio electrónico) - Pagar por un viaje o una 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)[Aceptar un pago con Payment Element](https://docs.stripe.com/payments/mobile/accept-payment-embedded.md?type=payment) | ### Configura un método de pago | .⠀ | | | ------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | API | [SetupIntent](https://docs.stripe.com/api/setup_intents/object.md) | | Descripción | Recoge y guarda un método de pago para los pagos futuros *sin* cobrar al cliente. | | Métodos de pago admitidos | Solo métodos de pago reutilizables | | Ejemplos | - Crear una cuenta en una aplicación y guardar un método de pago durante el onboarding - Cómo configurar un método de pago al inicio de una suscripción con un período de prueba gratuito - Recoge datos de pago para campañas de micromecenazgo (efectúa pagos solo si se cumple el objetivo) - Almacena la información del pago antes de activar una utilidad o servicio | | **Empezar** | [Configura un método de pago con Flow Controller](https://docs.stripe.com/payments/mobile/accept-payment.md?integration=paymentsheet-flowcontroller&type=setup)[Configura 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 métodos de [compra ahora, paga después](https://docs.stripe.com/payments/buy-now-pay-later.md). Para dar soporte tanto de métodos de pago únicos como reutilizables, configura la opción de consumo futuro en los 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 | - Crear una cuenta de usuario para una suscripción que incluya un pago por adelantado (por ejemplo, cobrar el primer mes inmediatamente) - Cobrar por una compra inicial y guardar el método de pago para gestionar posibles imprevistos o compras adicionales | | **Empezar** | [Aceptar y configurar un pago con Flow Controller](https://docs.stripe.com/payments/mobile/accept-payment.md?integration=paymentsheet-flowcontroller&type=paymentsfu)[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 Payments In-App de Stripe admite guardar, mostrar y gestionar métodos de pago guardados con tarjeta, cuenta bancaria de EE. EE. UU… y adeudo SEPA. La cobro de consentimientos se gestiona automáticamente, lo que garantiza el cumplimiento de la normativa de la normativa internacional. #### Item 1 ![Métodos de pago guardados de Payment Sheet](https://b.stripecdn.com/docs-statics-srv/assets/ps-saved-payment-methods.da5ebb05306fb56bcce0737b3e06a0df.png) Acceder a métodos de pago guardados en Payment Sheet #### Item 2 ![Métodos de pago guardados de Payment Sheet](https://b.stripecdn.com/docs-statics-srv/assets/ps-saved-payment-methods.da5ebb05306fb56bcce0737b3e06a0df.png) Ejemplos de cómo los clientes pueden acceder a métodos de pago guardados en Payment Sheet #### Item 3 ![Métodos de pago guardados de 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: - Cuándo mostrar u ocultar la casilla de guardar consentimiento - Cuándo mostrar u ocultar los métodos de pago guardados - Permitir a los compradores eliminar métodos de pago guardados - Cómo evitar que los compradores eliminen el último método de pago guardado ## Funciones y disponibilidad - **Interfaz de usuario** Payments en la aplicación - **Personalización de interfaz de usuario** Extensión, 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) - [Proceso de compra más rápido 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 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í - **Prevención del fraude** [Sí](https://docs.stripe.com/radar.md) - **Global Payments** [Sí](https://stripe.com/global) 1Los métodos de pago con monedero electrónico requieren [el registro de tu dominio](https://docs.stripe.com/payments/payment-methods/pmd-registration.md)