API de Solicitud de Pago
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Contexto seguro: Esta función está disponible solo en contextos seguros (HTTPS), en algunos o todos los navegadores que lo soportan.
El API de solicitud de pago provee una experiencia consistente tanto para comerciantes, como para usuarios. No es una nueva forma de pagar; más bien, es una manera para que los usuarios puedan seleccionar su forma de pago preferida para pagar por cosas, y que esa información esté disponible para el comerciante.
Solicitud de pago conceptos y uso
Muchos problemas relacionados con el abandono de carros de compras en línea pueden deberse a los formularios de pago, los cuales pueden ser complicados y consumir demasiado tiempo para llenarse y a veces requieren muchos pasos para completarse. El API de Petición de Pago intenta reducir el número de pasos necesarios para completar un pago en línea, potencialmente haciendo a un lado los formularios de pago. Hace el proceso de pago mucho más fácil recordando los datos del usuario, los cuales son entregados al comerciante ojalá sin requerid un formulario HTML.
Ventajas de usar la API de Solicitud de Pago con "basic-card" (pagos basados en cartas):
- Experiencia de compra rápida: Los usuarios ingresan sus datos una vez en el navegador y luego ya están listos para pagar por productos y servicios en la web. Ellos ya no tienen que llenar los mismos datos repetidamente a través de los diferetes sitios.
- Experiencia consistente en todos los sitios (que soporten la API): Como la hoja de pago es controlada por el navegador, puede adaptar la experiencia al usuario. Esta puede incluir la localización de la UI en el lenguaje preferido del usuario.
- Accesibilidad: Como el navegador controla los elementos de entrada de la hoja de pago, puede garantizar una accesibilidad uniforme al teclado y al lector de pantalla en cada sitio web sin necesidad de que los desarrolladores hagan algo. Un navegador web puede incluso ajustar el tamaño de la fuente o el color de contraste de la hoja de pago, haciéndola más confortable para el usuario al momento de realizar el pago.
- Administración de credenciales: Los usuarios pueden administrar sus tarjetas de crédito y direcciones de envío directamente en el navegador. Un navegador puede incluso sincronizar estas "credenciales" a través de los dispositivos, haciendo más fácil a los usuarios ir de un computador de escritorio a un dispositivo móvil y de vuelta otra vez para realizar compras.
- Manejo constante de Errores: El navegador puede checkear la validez de los números de tarjetas, y puede indicarle al usuario si una tarjeta ha expirado (o si está cerca de hacerlo). El navegador puede automáticamente sugerir que tarjeta usar basado en los patrones de uso anteriores o las restricciones del comerciante (p.e., "sólo aceptamos Visa o Mastercard"), o permitir al usuario definir cual de ellas es su tarjeta favorita o por defecto.
Para solicitar un pago, a página web crea un objeto PaymentRequest
en respuesta a una acción del usuario que inicia el pago, como hacer click en un botón "Comprar". El PaymentRequest
permite a la página web intercambiar información agente de usuario (user agent) mientras que el usuario provee los datos para completar la transacción.
Puedes encontrar una guía completa en Usando la API de Solicitud de Pago.
Nota:
La API solo está disponibledentro de elementos <iframe>
cross-origin si tienen el atributo allowpaymentrequest
.
Interfaces
PaymentAddress
-
Un objeto que contiene la dirección; usada para facturación y despacho, por ejemplo.
PaymentRequest
-
Un objeto que provee la API para crear y administrar la interfaz de pago del user agent's.
PaymentRequestEvent
-
Un evento entregado a un manejador de pagos cuando un
PaymentRequest
es realizado. PaymentRequestUpdateEvent
-
Permite que la página web actualice los detalles de la solicitud de pago en respuesta a una acción del usuario.
PaymentMethodChangeEvent
-
Representa al usuario cambiando el instrumento de pago (por ejemplo, cambiando de una tarjeta de crédito a una tarjeta de débito).
PaymentResponse
-
Objeto devuelto después de que el usuario selecciona un método de pago y aprueba una solicitud de pago.
MerchantValidationEvent
-
Representa el navegador que requiere que el comerciante (sitio web) se valide a sí mismo como autorizado para usar un manejador de pagos en particular (por ejemplo, registrado como autorizado para usar Apple Pay).
Diccionarios
AddressErrors
-
Un diccionario que contiene cadenas que proporcionan explicaciones descriptivas de cualquier error en cualquier entrada de
PaymentAddress
que tenga errores. PayerErrors
-
Un diccionario que contiene cadenas que proporcionan explicaciones descriptivas de cualquier error relacionado con los atributos de correo electrónico, teléfono y nombre de
PaymentResponse
. PaymentDetailsUpdate
-
Un objeto que describe los cambios que deben realizarse en los detalles del pago en caso de que el servidor necesite actualizar la información después de la instanciación de la interfaz de pago, pero antes de que el usuario comience a interactuar con ella.
Diccionarios relacionados para la especificación Basic Card
BasicCardChangeDetails
-
Un objeto que proporciona información de dirección redactada que se proporciona como
methodDetails
en el eventopaymentmethodchange
enviado alPaymentRequest
cuando el usuario cambia la información de pago. BasicCardErrors
-
Un objeto que proporciona mensajes de error asociados con los campos del objeto
BasicCardResponse
que no son válidos. Esto se usa como el valor de la propiedadpaymentMethod
en el objetoPaymentValidationErrors
enviado alPaymentRequest
cuando ocurre un error. BasicCardRequest
-
Define una estructura de objeto para contener detalles de la solicitud de pago, como el tipo de tarjeta.
BasicCardResponse
-
Define una estructura de objeto para los detalles de la respuesta de pago, como el número o la fecha de vencimiento de la tarjeta utilizada para realizar el pago y la dirección de facturación.
Especificaciones
Specification |
---|
Payment Request API # paymentrequest-interface |
Compatibilidad con navegadores
BCD tables only load in the browser