Potencia las apps de pago con pagos web

Nuevos estándares web para una experiencia de pago sin inconvenientes en la Web.

Uno de los principales impulsores del ecosistema de la Web son los pagos. Con sistemas de pago seguros, fluidos y flexibles, la Web puede convertirse en una plataforma sustentable y rentable. Los estándares de Pagos Web tienen el potencial de ser un componente básico clave que permitirá una integración continua de las soluciones de pago en los flujos de pago de los comercios.

¿Qué son los pagos web?

Web Payments es una serie de nuevas APIs de pagos estandarizadas disponibles en navegadores actualizados, que incluyen la API de Payment Request, la API de Payment Handler y algunas más. Estas nuevas primitivas del navegador simplifican los pagos en línea y permiten que las apps de pagos se integren en los navegadores con más facilidad que nunca.

Los estándares son flexibles, funcionan con varios tipos de sistemas de pago y están diseñados para funcionar en cualquier navegador y en cualquier dispositivo, forma de pago o proveedor de servicios de pago. Esta flexibilidad permite la simplicidad del desarrollo, la coherencia en la implementación y la compatibilidad futura con las tecnologías de pago emergentes.

Las investigaciones muestran que los flujos de confirmación de la compra extensos llevan al abandono del carrito. Con los pagos web, el flujo de confirmación de la compra se simplifica en pocos pasos en lugar del ingreso manual de datos de facturación por cada compra. A continuación, se muestra una demostración de cómo Google Pay aprovecha los pagos web para crear un flujo sin interrupciones. Lo mismo puede lograrse con cualquier otra app de pagos:

Flujo de confirmación de la compra con Google Pay y pagos web.
  1. El cliente va a la confirmación de la compra y presiona el botón GPay.

  2. La app de Google Pay se inicia frente al sitio web del comercio.

  3. El cliente confirma el pago en la app de Google Pay después de examinar los detalles.

  4. El comercio verifica el pago y la compra está aprobada.

Navegadores compatibles

Los pagos web constan de diferentes tecnologías y el estado de compatibilidad depende del navegador.

Chromium Safari Firefox
Computadoras Android Computadoras Dispositivos móviles Computadoras de escritorio o dispositivos móviles
API de Payment Request
API de Payment Handler
App de pagos para iOS y Android ✔* ✔*

Beneficios de integrar Pagos web en una app de pagos

Mediante la integración en Web Payments, las apps de pago pueden proporcionar una mejor experiencia del usuario a los clientes, una mejor experiencia de los desarrolladores y una seguridad más estricta.

Mejor experiencia del usuario

  • Pagos en contexto: Los pagos se realizan por modales, en el contexto del sitio web del comercio, sin redireccionamientos ni ventanas emergentes.

  • Confirmación de la compra más rápida: Los clientes pueden guardar sus detalles del pago de forma segura en su navegador o en una app de pagos, listos para usarse en cualquier sitio de comercio compatible.

  • Experiencia de compra optimizada: Después de completar (o anular) el pago, el cliente se encuentra en el sitio web del comercio, exactamente donde lo dejó.

Mejor experiencia de los desarrolladores

  • Integración sencilla: Los pagos web se pueden extender desde una app de pagos existente específica de una plataforma o desde una app de pagos basada en la Web.

  • Costo de integración bajo: Los comercios pueden integrar Pagos web con JavaScript y con integración básica del servidor.

  • Estándares: El protocolo y el formato de datos para intercambiar información con los comercios están estandarizados y no requieren una integración profunda.

Seguridad más estricta

  • Prevención de transferencia cuando se invocan apps de pago específicas de la plataforma.

  • Diseñada con los próximos paradigmas de seguridad y privacidad en mente.

El uso de pagos web también permite que las apps de pago lleven cualquier tipo de forma de pago a la Web, como dinero electrónico, criptomonedas, transferencias bancarias y mucho más. Web Payments se diseñó pensando en la sustentabilidad y no impone ninguna restricción al procesamiento de pagos ni a las formas de pago.

Comparación de los pagos web con otros enfoques

Considera los enfoques existentes para integrar los pagos en la Web:

  • iframes: Uso de JavaScript para insertar el sitio web del controlador de pago en un iframe y recopilar la credencial de pago del cliente a través de un formulario.

  • Ventanas emergentes: Usa JavaScript para abrir una ventana emergente y recopilar las credenciales de pago del cliente, ya sea a través de un formulario o haciendo que se autentique y seleccione una credencial de pago.

  • Redireccionamientos: El comercio redirecciona al cliente al sitio web de un controlador de pagos y le permite autenticarse y seleccionar las credenciales de pago. La URL de redireccionamiento se comunica a través de un servidor.

  • OAuth: El comercio permite que el cliente se autentique y autorice con la identidad de un controlador de pagos a través de OAuth, seleccionar una forma de pago, una dirección de envío, etc., a través de la IU de iframe en contexto.

Esta es una comparación con los pagos web:

Pagos web iframe Ventana emergente Redireccionamiento OAuth
Pagos en contexto ✔*
Actualizaciones dinámicas de precios
Experiencia de compra optimizada
Integración de apps específicas de la plataforma
Bajo costo de integración
Estándares

Cómo integrar pagos web en apps existentes

Puedes integrar pagos web en apps de pagos específicas de la plataforma y basadas en la Web: si la app de pagos específica de la plataforma no está instalada, se puede usar la app de pagos basada en la Web como resguardo. Los clientes y los comercios pueden enviar y recibir pagos sin problemas a través de la forma de pago que prefieran, según el entorno.

Apps de pagos específicas para cada plataforma

  • Ideal para las apps de pago que ya tienen una gran base de instalaciones y desean brindar a los usuarios existentes una experiencia coherente en la Web.

  • A diferencia de la función "Intent" de Android, Web Payments realiza una verificación de firma antes de ejecutar la app de pagos, lo que imposibilita la transferencia de apps de pago maliciosas.

En el video anterior, Google Pay es una app de pagos específica para cada plataforma.

Apps de pago en la Web

  • Más preparación para el futuro: Las técnicas típicas de apps de pago, como redireccionamientos o ventanas emergentes, se basan en cookies de terceros que pueden quedar obsoletas. Si bien sigue siendo difícil prever las consecuencias, los Pagos web buscan en la Web con una mejor privacidad y un mundo sin cookies de terceros.

  • La ruta basada en la Web es ideal para los servicios web que tienen una gran cantidad de clientes con sus tarjetas registradas.

Flujo de confirmación de la compra con una app de pagos basada en la Web

¿Cómo funciona la adopción por parte de los comercios?

Para que una app de pagos esté disponible en un comercio, este debe adoptarla de manera explícita. En términos técnicos, el comercio debe especificar el identificador de la app de pagos (identificador de la forma de pago) y usar la API de Payment Request con él.

Te sugerimos que proporciones documentación adecuada en las guías de integración y en los SDKs o bibliotecas para facilitar la integración. Por ejemplo, Google Pay ofrece una guía para desarrolladores.

Trabajar con puertas de enlace de pago también es una buena opción, ya que pueden ayudarte a escalar tu comunicación.

¿Cuánto cuesta?

Pagos web se basa en la tecnología estándar del navegador. Si las apps de pago lo adoptan o lo activan en el navegador, no les cobrarán ninguna tarifa por sí mismos.