Mobile Payment Element
Acepta pagos en tu aplicación móvil.
El Mobile Payment Element es un componente de interfaz de usuario para crear flujos de proceso de compra en tu aplicación móvil. Usa nuestros SDK para iOS, Android y React Native para empezar a desarrollar con él. Puedes diseñar todos los Elements para que coincidan con el aspecto de tu aplicación.
Con el Mobile Payment Element, obtienes lo siguiente:
- Acceso a más de 100 métodos de pago internacionales Estos incluyen Apple Pay, Link y otros métodos de pago populares que se habilitan automáticamente.
- Métodos de pago dinámicos Simplifica el código de tus métodos de pago ordenando y mostrando dinámicamente los métodos de pago, y lanza pruebas A/B para nuevos métodos de pago.
- Personalizaciones de la interfaz de usuario para que coincidan con tu aplicación Haz que la interfaz de usuario coincida con el diseño de tu aplicación. El diseño mantiene la coherencia, pero puedes modificar colores, fuentes y más.
- Recopilación de direcciones Recopila direcciones de facturación completas o parciales con cualquier método de pago.
- Guarda y muestra tarjetas y cuentas bancarias Guarda, reutiliza y gestiona tarjetas y cuentas bancarias. También puedes almacenar los datos de pago de un cliente sin un pago inicial.
Opciones de integración
El Mobile Payment Element tiene dos opciones principales de integración:
- Payment Sheet: hoja prediseñada que puedes integrar en cualquier parte de tu aplicación. La hoja muestra la lista de métodos de pago, los botones de pago rápido y el botón de confirmación.
- Embedded Element: componente desplegable que integra una lista de métodos de pago en cualquier pantalla de tu aplicación. Cuando se selecciona un método de pago de la lista, una hoja inferior recopila los detalles del pago.
Comparación de las integraciones de Payment Sheet y Embedded Element.
Diseño
Cuando uses la Payment Sheet, establece el diseño en . para que Stripe proporcione el diseño del método de pago adecuado. También puedes seleccionar diseño . u horizontal.
Cuando uses el Embedded Element, elige entre el diseño de la radio, el diseño de la marca de verificación o los botones flotantes con un trazo seleccionado.
La Payment Sheet está disponible en los siguientes modos: horizontal, carrusel y vertical.
El Embedded Element admite: botones de opción, marcas de verificación y diseños de botones flotantes.
Aspecto
Usa la API Appearance para personalizar el aspecto del Mobile Payment Element para que coincida con tu aplicación. Con la API Appearance, puedes controlar fuentes, colores, bordes, sombras, etc.
La Payment Sheet admite el diseño personalizado para los siguientes modos: horizontal, carrusel y vertical.
El Embedded Element admite el diseño personalizado para: botones de opción y diseños de botones flotantes.
Métodos de pago
El Mobile Payment Element proporciona acceso a más de 100 métodos de pago en todos los países compatibles con Stripe. Puedes habilitar los métodos de pago desde tu Dashboard de Stripe o mediante métodos de pago externos.
Los proveedores de métodos de pago suelen cambiar sus requisitos de cobro y visualización. Cuando usas el Mobile Payment Element para mostrar los métodos de pago, Stripe gestiona toda la recopilación de los datos del pago en formularios prediseñados y localizados que mantenemos actualizados con cada proveedor de pagos.
El Payment Sheet muestra ejemplos de la forma de tarjeta y la forma Klarna. El Embedded Element muestra ejemplos de uso de P24 y adeudo SEPA.
Monederos
El Mobile Payment Element admite monederos populares, como Apple Pay y Link, un monedero desarrollado por Stripe.
- La Payment Sheet puede mostrar monederos usando botones Express.
- El Embedded Element muestra los monederos alineados como opciones de métodos de pago.
La Payment Sheet ilustra el soporte nativo para Apple Pay. El Embedded Element ilustra la compatibilidad nativa con Link.
Métodos de pago guardados
El Mobile Payment Element tiene soporte integrado para guardar, mostrar y administrar los métodos de pago guardados. Los estados de consentimiento se gestionan automáticamente, lo que garantiza el cumplimiento global.
Los métodos de pago guardados admiten tarjetas, cuentas bancarias de EE. UU. y cuentas de adeudo SEPA.
La API CustomerSessions proporciona control adicional sobre:
- Cuándo mostrar u ocultar la casilla de consentimiento para guardar
- Cuándo mostrar u ocultar los métodos de pago guardados
- Cómo 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
Ejemplos de cómo los clientes pueden acceder a los métodos de pago guardados en la Payment Sheet y el Embedded Element.
Recopilación de los datos de la dirección
Puedes configurar el Mobile Payment Element para recopilar información de pago adicional, incluido 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 Payment Sheet muestra el formulario de tarjeta con los detalles de facturación habilitados. El Embedded Element muestra el formulario P24 con los datos de facturación habilitados.
Funciones adicionales
El Mobile Payment Element contiene varias funciones adicionales, entre las que se incluyen:
- Volver a recopilar el CVC: configura si es necesario volver a recopilar el CVC cuando los usuarios paguen con un método de pago guardado.
- Filtrado por marca de tarjeta: Configura las marcas de tarjetas que aceptas.