Potencia las apps de pago con pagos web

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

Uno de los impulsores clave 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á la integración continua de las soluciones de pago en los flujos de confirmación de la compra de comercios.

¿Qué son los pagos web?

Web Payments es una serie de nuevas APIs de pagos estandarizados disponibles en los navegadores modernos, incluida 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 en 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 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.

Algunas investigaciones muestran que los flujos largos de confirmación de la compra generan el abandono del carrito. Con los pagos web, el flujo de confirmación de la compra se simplifica a unos pocos toques en lugar de la entrada manual de los datos de facturación por cada compra. A continuación, verás una demostración de cómo Google Pay aprovecha los Pagos web para crear un flujo sin inconvenientes. Lo mismo se puede hacer 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. Se iniciará la app de Google Pay 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 que se apruebe la compra.

Navegadores compatibles

Web Payments consta de diferentes tecnologías, y el estado de compatibilidad depende del navegador.

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

Los beneficios de integrar los pagos web en una aplicación de pagos

Mediante la integración con Web Payments, las apps de pagos pueden proporcionar una mejor experiencia del usuario a los clientes, una mejor experiencia para los desarrolladores 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.

  • 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 justo donde lo dejó.

Mejor experiencia para los desarrolladores

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

  • Costo de integración bajo: Los comercios pueden integrar los pagos web con JavaScript y con la integración de nivel básico del servidor.

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

Seguridad más estricta

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

  • Diseñada teniendo en cuenta los próximos paradigmas de seguridad y privacidad.

Los pagos web también permiten que las apps de pago lleven cualquier tipo de forma de pago a la Web, como dinero electrónico, criptomonedas, transferencias bancarias y más. Web Payments se diseñó teniendo en cuenta la sustentabilidad y no impone ninguna restricción al procesamiento de los 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: Se usa 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: 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 autenticar 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 y que seleccione una forma de pago, una dirección de envío, etc., mediante 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 los 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, la app de pagos basada en la Web se puede usar como resguardo. Los clientes y comercios pueden enviar y recibir pagos sin problemas a través de la forma de pago que prefieran y según el entorno.

Apps de pagos específicas de cada plataforma

  • Es ideal para las apps de pagos 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 la verificación de firma antes de ejecutar la app de pagos, lo que hace que sea imposible transferir apps de pago maliciosas.

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

Apps de pagos basadas en la Web

  • Más preparación 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 todavía es difícil prever las consecuencias, Web Payments accede a la Web con mejor privacidad y en 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 de los comercios?

Para que una app de pagos esté disponible para un comercio, este debe adoptarla de forma 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 buena documentación en las guías de integración y los SDKs o las 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 alcance.

¿Cuánto cuesta?

Los pagos web se basan en la tecnología estándar del navegador. Las apps de pagos que lo adopten o activen el servicio en el navegador no les cobrarán tarifas por sí mismas.