Potencia las apps de pago con pagos web

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

Los pagos son uno de los principales impulsores del ecosistema de la Web. Con sistemas de pago seguros, fluidos y flexibles, la Web puede convertirse en una plataforma rentable y sostenible. Los estándares de Web Payments tienen el potencial de ser un componente fundamental que permitirá la integración optimizada de soluciones de pago en los flujos de confirmación de la compra de los comercios.

¿Qué son los pagos en la Web?

Los pagos en la Web son una serie de nuevas APIs de pagos estandarizadas disponibles en los navegadores modernos, incluidas la API de Payment Request, la API de Payment Handler y algunas otras. 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ácilmente 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 compra largos provocan el abandono del carrito. Con los pagos en la Web, el flujo de confirmación de compra se simplifica a unos pocos toques en lugar de ingresar manualmente los datos de facturación para cada compra. A continuación, puedes ver una demostración de cómo Google Pay aprovecha los pagos en la Web para crear un flujo continuo. Cualquier otra app de pagos puede hacer lo mismo:

Flujo de confirmación de compra con Google Pay y Web Payments.
  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 delante del 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 se aprueba la compra.

Navegadores compatibles

Los pagos en la 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 y dispositivos móviles
API de Payment Request
API de Payment Handler
App de pago para iOS o Android ✔* ✔*

Beneficios de integrar Web Payments en una app de pagos

Al integrarse con Web Payments, 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 en contexto: Los pagos se realizan en modales, en el contexto del sitio web del comercio, sin redireccionamientos ni ventanas emergentes.

  • Proceso de compra más rápido: Los clientes pueden guardar sus detalles de 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 abortar) el pago, el cliente se encuentra en el sitio web del comercio exactamente donde lo dejó.

Mejor experiencia para los desarrolladores

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

  • Bajo costo de integración: Los comercios pueden integrar los pagos en la Web con JavaScript y una 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

  • Se evita la carga lateral 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 Web Payments 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 sostenibilidad y no impone restricciones en el procesamiento ni en las formas de pago.

Comparación de los pagos en la Web con otros enfoques

Ten en cuenta los enfoques existentes para integrar pagos en la Web:

  • Iframes: Se usa 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: Usar 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 autenticarse 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étera, a través de la IU del iframe en contexto.

Esta es una comparación con los pagos en la Web:

Pagos en la 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 los pagos en la Web en apps existentes

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

Apps de pagos específicas para cada plataforma

  • Es ideal para las apps de pagos que ya tienen una gran base de instalaciones y quieren brindar a los usuarios existentes una experiencia coherente en la Web.

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

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

Apps de pago basadas en la Web

  • Más preparada para el futuro: Las técnicas típicas de las apps de pago, como los redireccionamientos o las ventanas emergentes, se basan en cookies de terceros que pueden quedar obsoletas. Si bien aún es difícil prever las consecuencias, los pagos en la Web buscan una Web con 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 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 forma explícita. Técnicamente, 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 los SDKs o las 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 ampliar tu alcance.

¿Cuánto cuesta?

Web Payments se basa en tecnología estándar en el navegador. Las apps de pago que lo adopten o lo activen en el navegador no cobrarán comisiones por sí mismas.