Payment Element

Payment Element es un componente personalizable que integra una lista de métodos de pago en cualquier pantalla de tu aplicación. Cuando un cliente selecciona un método de pago de la lista, una hoja debajo recopila los datos del pago. Puedes personalizarlo para que coincida con el aspecto de tu aplicación. Payment Element en la aplicación está disponible en nuestros SDK para iOS, Android y React Native. Consulta nuestra guía Aceptar pagos dentro de la aplicación para empezar.

Ejemplo de integración de Payment Element

Con el Payment Element, obtienes:

• Acceso a más de 100 métodos de pago internacionales: esto incluye Apple Pay, Link y otros métodos de pago populares que se habilitan automáticamente.

• Métodos de pago dinámicos: ordena y muestra 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 adaptarla a tu aplicación: 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: recopila direcciones de facturación totales o parciales con cualquier método de pago.

• Métodos de pago guardados: guarda, reutiliza y gestiona tarjetas y cuentas bancarias. También puedes almacenar los datos de pago del cliente sin un pago inicial.

Diseño

Elige entre diseño de radio, diseño de marca de verificación o botones flotantes.

Payment Element es compatible con: botones de radio, marcas de verificación y diseños de botones flotantes.

Aspecto

Utiliza la API Appearance para personalizar el aspecto del Payment Element para que coincida con tu aplicación. Con la API Appearance, puedes controlar fuentes, colores, bordes, sombras, etc.

Ejemplos de diferentes formas de dar estilo a Payment Element

Métodos de pago

Payment Element 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 tu Dashboard de Stripe o mediante métodos de pago personalizados.

Los proveedores de métodos de pago suelen cambiar sus requisitos de cobro y visualización. Cuando usas Payment Element 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.

Ejemplos de adeudo P24 y SEPA en el Payment Element

Monederos

Payment Element es compatible con monederos populares, como Apple Pay y Link, un monedero creado por Stripe. Payment Element muestra los monederos en línea como opciones de métodos de pago.

Ejemplo de Link en Payment Element

Métodos de pago guardados

El Payment Element 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
• Permitir a los compradores eliminar 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 Payment Element

Recopilar datos de la dirección

Puedes configurar el Payment Element para recopilar información de pago adicional, incluyendo el nombre, el correo correo electrónico, el número de teléfono y la dirección de facturación, independientemente del método de pago que utilice el cliente.

Ejemplo que muestra los datos completos de facturación recopilados

Funciones adicionales

El Payment Element 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: configura qué tarjetas aceptas.