# Hoja de pago Una interfaz de usuario preestablecida que presenta métodos de pago en una hoja. Payment Sheet es una interfaz de usuario predefinida que presenta métodos de pago en una hoja 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 el aspecto de tu aplicación. Payment Sheet en la aplicación está disponible en nuestros SDK para [iOS](https://github.com/stripe/stripe-ios), [Android](https://github.com/stripe/stripe-android) y [React Native](https://github.com/stripe/stripe-react-native). Consulta nuestra guía [Aceptar pagos dentro de la aplicación](https://docs.stripe.com/payments/mobile/accept-payment.md) para empezar. > #### Soporte para la API Accounts v2 > > Payment Sheet no tiene soporte para *customer-configured Accounts* (Account configurations represent role-based functionality that you can enable for accounts, such as merchant, customer, or recipient). Solo admite objetos `Customer`. Si estás creando una integración para Android, revisa lo siguiente antes de continuar. > #### 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 the Payment Sheet. 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). Esta función está disponible en todas las plataformas compatibles. > #### Disponibilidad de la función toca para añadir tu tarjeta > > La función de tocar para añadir tu tarjeta se encuentra en versión beta privada. Puedes [obtener más información](https://docs.stripe.com/payments/mobile/tap-to-add.md) sobre cómo solicitar acceso e integrar la función. ![Ejemplo de integración de Payment Sheet](https://b.stripecdn.com/docs-statics-srv/assets/payment-sheet.63467c074c4908983eb8fb0ce5250e5f.png) Ejemplo de integración de 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): esto incluye 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): ordena y muestra dinámicamente los métodos de pago y [lanza pruebas A/B](https://docs.stripe.com/payments/a-b-testing.md) para nuevos métodos de pago. - [Personalizaciones de la interfaz de usuario para adaptarla a tu aplicación](https://docs.stripe.com/elements/appearance-api/mobile.md): haz coincidir la interfaz de usuario con el diseño de tu aplicación. El diseño sigue siendo coherente, pero puedes modificar colores, 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 datos de pago del cliente sin un pago inicial](https://docs.stripe.com/payments/mobile/accept-payment.md?type=setup). ## Demostración de Elements dentro de la aplicación Stripe Escanea este código de App Clip con tu dispositivo iOS para probar una demostración interactiva de las interfaces de usuario de pago en aplicaciones de Stripe. En la demostración, puedes generar diferentes configuraciones de interfaz de usuario para encontrar la que mejor se adapte a tu caso de uso. [![Código App Clip de la aplicación de demostración de pagos integrados de Stripe para 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) ## Diseño Elige el diseño automático para dejar que Stripe seleccione el diseño del método de pago adecuado. 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 es compatible con diseños verticales y horizontales. ## Aspecto Utiliza la API Appearance para personalizar el aspecto de Payment Sheet para que coincida con tu aplicación. Con la API Appearance, puedes controlar fuentes, colores, bordes, sombras, etc. ![Personalización del aspecto de la Payment Sheet](https://b.stripecdn.com/docs-statics-srv/assets/ps-appearance.3d1914688a11b16808b42685a8b10c60.png) Ejemplos de diferentes formas de dar estilo a Payment Sheet ## Métodos de pago Payment Sheet proporciona acceso a más de 100 métodos de pago en todos los países compatibles con Stripe. Puedes habilitar métodos de pago desde el Dashboard de Stripe o mediante [métodos de pago personalizados](https://docs.stripe.com/payments/payment-methods/custom-payment-methods.md). Los proveedores de métodos de pago suelen cambiar sus requisitos de cobro y visualización. Cuando usas Payment Sheet para mostrar métodos de pago, Stripe gestiona la recopilación de todos los datos de pago en formularios prediseñados y localizados que mantenemos actualizados con cada proveedor de servicios de pago. ![Métodos de pago de Payment Sheet](https://b.stripecdn.com/docs-statics-srv/assets/ps-payment-methods.07deb18cc15beeee90c75360d32cd762.png) Ejemplos del formulario de la tarjeta y del formulario Klarna en Payment Sheet ## Monederos La Payment Sheet es compatible con monederos populares, como Apple Pay y Link, un monedero creado por Stripe. Payment Sheet puede mostrar monederos con botones de Express. ![Monederos 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 Payment Sheet es compatible con guardar, mostrar y gestionar métodos de pago guardados. La recopilación de consentimientos se gestiona automáticamente, lo que garantiza el cumplimiento de la normativa internacional. Los métodos de pago guardados admiten tarjetas, cuentas bancarias estadounidenses y cuentas de débito SEPA. La API CustomerSessions 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 - Cómo permitir a los clientes eliminar métodos de pago guardados - Cómo evitar que los clientes eliminen el último método de pago guardado ![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 ## Recopilación de datos de direcciones Puedes configurar Payment Sheet para recopilar información de pago adicional, incluyendo nombre, correo electrónico, teléfono y dirección de facturación, independientemente del método de pago que se utilice. La recopilación de direcciones completas incluye la función de autocompletado proporcionada por Stripe para los países admitidos, sin necesidad de configuración adicional. > Al usar la función de autocompletado, aceptas cumplir la [Política de uso aceptable de la plataforma Google Maps](https://cloud.google.com/maps-platform/terms/aup). Si infringes esta política, Stripe podría desactivar la función de autocompletado o tomar otras medidas necesarias. ![Recopilación de direcciones de Payment Sheet](https://b.stripecdn.com/docs-statics-srv/assets/ps-collecting-address-details.4ae80224105d1835b2d7eaf8d4747642.png) Ejemplo con los datos completos de facturación recopilados ## Funciones adicionales Payment Sheet también contiene las siguientes funciones: - Recopilación de CVC: configura si se requiere la recopilación de 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é tarjetas aceptas.