Payment Element para dispositivos móviles
Acepta pagos en tu aplicación móvil.
El Payment Element móvil es un componente de la interfaz de usuario para crear flujos de confirmación de compra en tu aplicación móvil. Utiliza nuestros SDK para iOS, Android y React Native para empezar a crear. Puedes diseñar todos los Elements para que coincidan con el aspecto de tu aplicación.
Con el Payment Element móvil, obtienes:
- Acceso a más de 100 métodos de pago globales Esto incluye Apple Pay, Link y otros métodos de pago populares que se activan automáticamente.
- Métodos de pago dinámicos Simplifica tu código de métodos de pago ordenando y mostrando los métodos de pago de forma dinámica 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 coincidir la interfaz de usuario con el diseño de tu aplicación. El diseño se mantiene consistente, pero puedes modificar los colores, las 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 Payment Element móvil tiene dos opciones principales de integración:
- Payment Sheet: una hoja prediseñada que se puede abrir en cualquier parte de la aplicación. La hoja muestra la lista de métodos de pago y los botones de pago exprés y contiene el botón de confirmación.
- Element integrado: Un componente directo y personalizable que inserta 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. Private preview
Comparación de las integraciones de Payment Sheet y Element integrado.
Diseño
Cuando utilices la Payment Sheet, configura el diseño en . de modo que Stripe proporcione el diseño de método de pago adecuado. También puedes seleccionar el diseño . o horizontal.
Al utilizar el Element integrado, elige entre el diseño de opción, el diseño de 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 Element integrado 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 Payment Element móvil de modo que coincida con tu aplicación. Con la API Appearance, puedes controlar las fuentes, los colores, los bordes, las sombras, etc.
Payment Sheet admite estilos personalizados para los siguientes modos: horizontal, carrusel y vertical.
El Element integrado admite el estilo personalizado para: diseños de botones de opción y 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 admitidos por 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 Mobile Payment Element para mostrar los métodos de pago, Stripe gestiona toda la recopilación de datos de pago en formularios prediseñados y localizados que mantenemos actualizados con cada proveedor de servicios de pago.
La Payment Sheet muestra ejemplos del formulario de tarjeta y del formulario de Klarna. El Element integrado muestra ejemplos de uso de P24 y débito SEPA.
Carteras
Mobile Payment Element es compatible con las carteras más populares, como Apple Pay y Link, la solución de pago con un clic de Stripe.
- La Payment Sheet puede mostrar las carteras mediante los botones Express.
- El Embedded Element muestra las billeteras en línea como opciones de método de pago.
La Payment Sheet ilustra la compatibilidad nativa con Apple Pay. El Element integrado ilustra la compatibilidad nativa con Link.
Métodos de pago guardados
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 que admiten tarjetas, las cuentas bancarias de EE. UU. y las cuentas de débito SEPA.
La API CustomerSessions proporciona control adicional sobre:
- Cuándo mostrar u ocultar el cuadro de consentimiento guardado
- Cuándo mostrar u ocultar los métodos de pago guardados
- Permitir a los compradores eliminar los métodos de pago guardados
- Impedir 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 Element integrado.
Recopilación de 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 la tarjeta con los detalles de facturación habilitados. El Element integrado muestra el formulario P24 con los detalles de facturación habilitados.
Funcionalidades adicionales
El Payment Element móvil contiene varias funciones adicionales, entre las que se incluyen:
- Recolección de CVC: Establece si es necesario volver a recopilar el CVC cuando los usuarios pagan con un método de pago guardado.
- Filtrado de marcas de tarjetas: Configura las marcas de tarjetas que aceptas.