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 sostenible y rentable. Los estándares de pagos web tienen el potencial de ser un componente clave que permitirá la integración fluida de soluciones de pago en los flujos de confirmación de la compra de los comercios.

Web Payments es una serie de nuevas APIs de pago estandarizadas disponibles en navegadores modernos, como 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 pago se integren con los navegadores más fácil 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, dispositivo, forma de pago o proveedor de servicios de pago. Esta flexibilidad permite la simplicidad del desarrollo, la coherencia de la implementación y la compatibilidad futura con las tecnologías de pago emergentes.

Las investigaciones demuestran que los flujos de confirmación de la compra largos generan el abandono del carrito. Con los pagos web, el proceso de confirmación de la compra se simplifica a unos pocos toques en lugar de ingresar manualmente los datos de facturación para cada compra. A continuación, mira una demostración de cómo Google Pay aprovecha los pagos web para crear un flujo sin interrupciones. Cualquier otra app de pago puede lograr lo mismo:

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 varias tecnologías diferentes, y el estado de compatibilidad depende del navegador.

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

Beneficios de integrar pagos web en una app de pagos

Cuando se integran con los pagos web, las apps de pagos pueden brindar una mejor experiencia del usuario a los clientes, tener una mejor experiencia del desarrollador y una seguridad más estricta.

Mejor experiencia del usuario

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

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

  • Experiencia de compra optimizada: Después de completar (o abortar) el pago, el cliente se encuentra en el sitio web del comercio exactamente en el lugar en el que se detuvo.

Mejor experiencia para los desarrolladores

  • Integración sencilla: Los pagos web se pueden extender desde una app de pagos específica de la plataforma o 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 sideloading cuando se invocan apps de pago específicas de la plataforma

  • Se diseñó teniendo en cuenta los próximos paradigmas de seguridad y privacidad.

El uso de pagos web también permite que las apps de pago ofrezcan cualquier tipo de forma de pago en 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: Usar JavaScript para insertar el sitio web del controlador de pagos 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 el cliente 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 autenticar y seleccionar 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, seleccione 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 entre ellos y los pagos web:

Pagos web Iframe Ventana emergente Redireccionamiento OAuth
Pagos contextuales ✔*
Actualizaciones de precios dinámicos
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 los pagos web en apps de pago específicas de la plataforma y basadas en la Web: si no está instalada la app de pago específica de la plataforma, se puede usar la app de pago basada en la Web como resguardo. Los clientes y comercios pueden enviar y recibir pagos sin inconvenientes a través de la forma de pago que elijan, según el entorno.

Apps de pagos específicas de la plataforma

  • Ideal para 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, los pagos web realizan la verificación de la firma antes de ejecutar la app de pagos, lo que hace que sea imposible transferir apps de pagos maliciosas.

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

Apps de pago basadas en la Web

  • Más a prueba de futuro: Las técnicas típicas de las apps de pagos, como los redireccionamientos o las ventanas emergentes, se basan en cookies de terceros que pueden volverse obsoletas. Si bien aún es difícil prever las consecuencias, los pagos web se orientan a 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 su tarjeta registrada.

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 adaptarla de forma explícita. Técnicamente, el comercio debe especificar el identificador de la app de pagos (identificador de forma de pago) y usar la API de Payment Request con él.

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

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

¿Cuánto cuesta?

Los pagos web se basan en la tecnología estándar del navegador. Las apps de pago que la adopten o la activen en el navegador no les cobrarán ninguna tarifa.