# Payment Sheet Una interfaz de usuario (IU) prediseñada que muestra métodos de pago en una hoja de cálculo. Payment Sheet es una interfaz de usuario (IU) prediseñada que presenta métodos de pago en una hoja de datos y es nuestra forma recomendada de [aceptar pagos](https://docs.stripe.com/payments/mobile/accept-payment.md) en la mayoría de las aplicaciones. Puedes personalizarla para que coincida con la apariencia de tu aplicación. Payment Sheet en la aplicación está disponible en nuestro SKD para [iOS](https://github.com/stripe/stripe-ios), [Android](https://github.com/stripe/stripe-android) y [React Nativo](https://github.com/stripe/stripe-react-native). Para dar los primeros pasos, consulta nuestra guía [aceptar pagos en la aplicación](https://docs.stripe.com/payments/mobile/accept-payment.md). > #### Soporte de la API Accounts v2 > > Payment Sheet no ofrece soporte para *cuentas configuradas por el cliente*. Solo admite objetos `Customer`. Si estás creando una integración para Android, revisa lo siguiente antes de continuar. > #### 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). Esta funcionalidad está disponible en todas las plataformas compatibles. > #### Disponibilidad de tocar para agregar tu tarjeta > > La funcionalidad tocar para agregar tu tarjeta está en versión preliminar privada. Puedes [obtener más información](https://docs.stripe.com/payments/mobile/tap-to-add.md) sobre cómo realizar una solicitud de acceso e integrar la funcionalidad. ![Ejemplo de integración en Payment Sheet](https://b.stripecdn.com/docs-statics-srv/assets/payment-sheet.63467c074c4908983eb8fb0ce5250e5f.png) Ejemplo de integración en Payment Sheet Con Payment Sheet, obtienes lo siguiente: - [Acceso a más de 100 métodos de pago internacionales](https://docs.stripe.com/payments/payment-methods/overview.md): Apple Pay, Link y otros métodos de pago populares que se habilitan automáticamente. - [Métodos de pago dinámicos](https://docs.stripe.com/payments/payment-methods/dynamic-payment-methods.md): pide y exhibe métodos de pago de forma dinámica e [inicia pruebas A/B](https://docs.stripe.com/payments/a-b-testing.md) para nuevos métodos de pago. - [Personalizaciones de la interfaz de usuario (IU) para que coincidan con tu aplicación](https://docs.stripe.com/elements/appearance-api/mobile.md): haz coincidir la interfaz de usuario (IU) con el diseño de tu aplicación. El diseño se mantiene, pero puedes modificar los colores, las fuentes, etc. - [Recopilación de direcciones](https://docs.stripe.com/payments/mobile/save-during-payment.md?mobile-ui=payment-sheet#collect-payment-details): recopila direcciones de facturación completas o parciales con cualquier método de pago. - [Métodos de pago guardados](https://docs.stripe.com/payments/mobile/accept-payment.md?type=payment#enable-saved-cards): guarda, reutiliza y gestiona tarjetas y cuentas bancarias. También puedes [almacenar los detalles de pago de un cliente sin un pago inicial](https://docs.stripe.com/payments/mobile/accept-payment.md?type=setup). ## Demostración de Elements en la aplicación de Stripe Escanea este código de App Clip con tu dispositivo iOS para probar una demostración interactiva de las interfaces de pagos integrados en la aplicación de Stripe. En la demostración, puedes generar distintas configuraciones de la interfaz de usuario (IU) para encontrar la que mejor se adapte a tu caso de uso. [![Código de App Clip de Stripe para la demostración de pagos integrados en la aplicación con Payment Sheet](https://b.stripecdn.com/docs-statics-srv/assets/paymentsheet_app_clip.800ded19a8655f4d33dce660a1238344.svg) ](https://apps.apple.com/demo/id6450683352?app-clip-bundle-id=com.stripe.PaymentSheetDemo.Clip) ## Formato Elige diseño automático para que Stripe seleccione el diseño adecuado para el método de pago. También puedes elegir un diseño vertical u horizontal. ![Opciones de diseño de Payment Sheet](https://b.stripecdn.com/docs-statics-srv/assets/ps-layout.588da531e61ebf4cc11175235a8cd08f.png) Payment Sheet admite diseños verticales y horizontales. ## Apariencia Usa la API Appearance para personalizar la apariencia de Payment Sheet para que coincida con tu aplicación. Con la API Appearance, puedes controlar las fuentes, los colores, los bordes, las sombras, etc. ![Personalización de la apariencia de Payment Sheet](https://b.stripecdn.com/docs-statics-srv/assets/ps-appearance.3d1914688a11b16808b42685a8b10c60.png) Ejemplos de cómo cambiar los diferentes estilos de Payment Sheet ## Métodos de pago Payment Sheet proporciona acceso a más de 100 métodos de pago en todos los países en los que se admite Stripe. Puedes habilitar los métodos de pago desde el Dashboard de Stripe o desde [Métodos de pago personalizados](https://docs.stripe.com/payments/payment-methods/custom-payment-methods.md). Los proveedores de métodos de pago a menudo cambian sus requisitos de cobro y visualización. Cuando usas Payment Sheet para mostrar los métodos de pago, Stripe maneja todas las recopilaciones de detalles de pago en formularios prediseñados y localizados que mantenemos actualizados con cada proveedor de servicios de pago. ![Métodos de pago en Payment Sheet](https://b.stripecdn.com/docs-statics-srv/assets/ps-payment-methods.07deb18cc15beeee90c75360d32cd762.png) Ejemplos del formulario de la tarjeta y el formulario de Klarna en Payment Sheet ## Billeteras Payment Sheet es compatible con carteras populares, incluidas Apple Pay y Link, una cartera creada por Stripe. Payment Sheet puede mostrar carteras usando botones Express. ![Carteras de Payment Sheet](https://b.stripecdn.com/docs-statics-srv/assets/ps-wallets.7bbb65fb4323b81b63d4c4c8f181db1b.png) Ejemplo de Apple Pay en Payment Sheet ## Métodos de pago guardados Con Payment Sheet puedes guardar, exhibir y administrar métodos de pago guardados. La recopilación de consentimiento se gestiona de forma automática, lo que garantiza el cumplimiento de la normativa global. Los métodos de pago guardados admiten tarjetas, cuentas bancarias de EE. UU… y cuentas de débito SEPA. La API CustomerSessions 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 que los clientes eliminen los métodos de pago guardados - Evitar que los clientes eliminen el último método de pago guardado ![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 ## Recopilación de datos de dirección Puedes configurar Payment Sheet para recopilar información de pago adicional, la cual incluye el nombre, el correo electrónico, el teléfono y la dirección de facturación, independientemente del método de pago que se esté utilizando. La recopilación de direcciones completas incluye el autocompletado proporcionado por Stripe para los países admitidos, sin necesidad de configuración adicional. > Con el uso de la función de autocompletado, aceptas cumplir con la [Política de uso aceptable de Google Maps Platform](https://cloud.google.com/maps-platform/terms/aup). Si infringes esta política, Stripe puede desactivar la función de autocompletar o tomar otras medidas necesarias. ![Recopilación de direcciones en Payment Sheet](https://b.stripecdn.com/docs-statics-srv/assets/ps-collecting-address-details.4ae80224105d1835b2d7eaf8d4747642.png) Ejemplo con detalles de facturación completos recopilados ## Funcionalidades adicionales Payment Sheet también contiene las siguientes funcionalidades: - Recopilación del CVC: configura si se requiere volver a recopilar el CVC cuando los usuarios pagan con un método de pago guardado. - [Filtrado por marca de tarjetas](https://docs.stripe.com/payments/mobile/filter-card-brands.md): configura qué marcas de tarjetas aceptas.