Boost payment applications with web payments

One of the key drivers of the web ecosystem is payments. With secure, fluid and flexible payment systems, the web can become a sustainable and profitable platform. Web Payments standards have the potential to be a key component that will enable seamless integration of payment solutions into merchant payment flows.

What are web payments?

Web Payments es una serie de nuevas APIConcepto de API¿Qué es una API?Una API, siglas de Application Programming Interface o Interfaz de Programación de Apps, es un recopilatorio de código que se puede emplear para que varias apps se comuniquen entre ellas. Es algo que realiza una tarea equivalente a la interfaz de usuario al momento de promover la interacción entre persona y programa, solo que aplicado única y exclusivamente dentro del entorno del software.Aún cuando suene plus de pago estandarizadas disponibles en los browsersConcepto de Navegadores¿Qué son los Navegadores?Los Navegadores son herramientas informáticas que utilizamos para, normalmente, navegar por Internet y visitar cualquier página web, al mismo tiempo de para hacer otras tareas como ver documentos, observar vídeos o reproducir contenido multimedia de cualquier tipo. Son un tipo de software sencillamente usual y bastante utilizado hoy en día.Insistimos en que es algo que se utiliza con mucha frecuencia, puesto que moverse por Internet plus modernos, que incluyen Payment request API, Payment Controller API and some others. Estas nuevas primitivas del browserUn navegador (además: browser) es una herramienta informática que te permite ver documentos y datos y navegar por la red. Los navegadores pueden mostrar distintos tipos de recursos de información; principalmente documentos HTML, a pesar de todo, además son posibles otros tipos de archivos y contenido multimedia, como PDF, JPEG, MPEG, GIF o el lenguaje de meta marcado. A través el uso de complementos especiales y la configuración respectivo, los plus simplifican los pagos en línea y permiten que las aplicaciones de pago se integren con los navegadores más fácilmente que nunca.

The standards are flexible; They work with various types of payment systems and are designed to work in any browser on any device, payment method or payment service provider. This flexibility enables simplicity of development, consistency of implementation, and future compatibility with emerging payment technologies.

Research shows that Long checkout flows lead to cart abandonment. With Web Payments, the payment flow is simplified to a few taps rather than manual entry of billing data for each purchase. See a demo below of how Google Pay leverages web payments to create a seamless flow. The same can be achieved with any other payment application:

1. The customer goes to the checkout and presses the GPay button.

2. The Google Pay application is launched in front of the merchant's website.

3. The customer confirms the payment in the Google Pay app after examining the details.

4. The merchant verifies the payment and the purchase is approved.

Browser support

Web Payments consists of a few different technologies and the support status is browser dependent.

The benefits of integrating Web Payments into a payment application

Al integrarse con Web Payments, las aplicaciones de pago pueden brindar una mejor user experienceEl término experiencia de usuario (UX) se refiere a la experiencia que un usuario tiene con un producto o servicio. En cuanto a Internet, el término se usa frecuentemente al examinar la experiencia que los usuarios disponen con una web. Esto además puede ser en referencia al uso de un dispositivo smartphone (UX smartphone). Items de la experiencia del usuario La experiencia del usuario y la usabilidad se usan frecuentemente plus a los clientes, tener una mejor experiencia de desarrollador y una seguridad más estricta.

Better user experience

• Payments in context: Payments are made in
  manners, in the context of the merchant's website, without redirects or pop-ups.

• Faster payment: Customers can save their payment details securely in their browser or in a payment application, ready to be used on any supporting business site.

• Optimized shopping experience: After completing (or canceling) the payment, the customer is on the merchant's website exactly where they left off.

Better developer experience

• Easy integration: Web payments can be extended from an existing platform-specific payment application or a web-based payment application.

• Low integration cost: Los comerciantes pueden integrar Web Payments con JavaScriptJavaScript es un lenguaje de programación que funciona en el lado del cliente y con el que las webs pueden ser más funcionales. Incorporación en código HTML El código JavaScript puede ser incrustado en las páginas HTML, para que adquieran funcionalidad. Existen varias opciones. Puede estar entre las etiquetas <SCRIPT> y </SCRIPT>, puede estar contenido en un archivo externo, puede ser un parámetro de las etiquetas HTML, y puede estar plus y la integración del lado del serverLos servidores son ordenadores centrales y potentes dentro del campo de la tecnología de la información que procesan y proporcionan software y archivos en una red. Desde el punto de vista de un cliente, varios ordenadores en una red pueden ponerse en contacto con el servidor central para conseguir la información solicitada. En la arquitectura cliente-servidor, el servidor puede ser un software que proporciona un servicio y se ejecuta en plus de nivel básico.

• Standards: The protocol and data format for exchanging information with merchants is standardized and does not require deep integration.

• Dynamic price updates: Merchants can dynamically change the shipping cost based on the shipping address selected in the checkout app, without deep integration.

Tighter security

• Lateral load prevention when invoking platform-specific payment applications.

• Designed with the upcoming security and privacy paradigms in mind.

Using Web Payments also enables payment applications to bring any type of payment method to the web, such as e-money, cryptocurrencies, bank transfers, and more. Web Payments is designed with sustainability in mind and does not impose restrictions on processing and payment methods.

Comparison of web payments with other approaches

Consider existing approaches to integrating payments on the web:

• iframes: Usar JavaScript para inyectar el sitio web del administrador de pagos en un iframeConcepto de Iframe¿Qué es un Iframe?Un Iframe es un documento de una web que se inserta en otra página web. Consiste en un elemento que puede albergar cualquier tipo de contenido en su interior y que ayuda, entre otras cosas, a ampliar el mensaje que se ofrece con fuentes externas o con material complementario que pueda resultar de interés para el usuario que entra.Este elemento web se usa especialmente al plus y recopilar la credencial de pago del cliente a través de un formulario.

• Pop-up windows: Use JavaScript to open a pop-up window and collect the customer's payment credentials, either through a form or by having the customer authenticate and select a payment credential.

• Redirects: El comerciante redirige al cliente al sitio web de un administrador de pagos y permite que el cliente se autentique y seleccione las credenciales de pago. La UrlEl URL (Localizador Uniforme de Recursos), es una dirección definida que apunta a la posición de un archivo en un servidor y lo recupera. Las URL se introducen en un navegador web para ingresar a documentos en la web o se incrustan como hipervínculos dentro de un documento. Se puede usar un Permalink para que una URL esté disponible de forma permanente. Componentes de una URL • prefijo de protocolo plus de redireccionamiento se comunica a través de un servidor.

• OAuth: El comerciante permite que el cliente se autentique y autorice con la identidad de un administrador de pagos a través de OAuth, seleccione un método de pago, una dirección de envío, etc., a través de la user interface  Una interfaz de usuario es un medio por medio de del cual una persona puede controlar un software o hardware específico. Lo ideal es que las interfaces de usuario sean fáciles de utilizar para que la interacción sea lo más instintiva e intuitiva factible. En el caso de los programas informáticos, esto se denomina interfaz gráfica de usuario. Desarrollo y tipos de interfaces de usuario A diferencia de la plus de iframe en contexto.

Here's how they compare to web payments:

Integration of web payments in existing applications

You can integrate Web Payments into platform-specific and web-based payment applications: If the platform-specific payment application is not installed, the web-based payment application can be used as an alternative. Customers and merchants can seamlessly send and receive payments through a payment method of their choice, depending on the environment.

Platform-specific payment applications

• Ideal for paid applications that already have a large install base and want to provide existing users with a consistent web experience.

• different to Android 'Intent' function, Web Payments performs signature verification before running the payment application, making malicious payment applications impossible to download.

In the video above, Google Pay is a platform-specific payment app.

Web-based payment applications

• More future-proof: Typical payment application techniques, such as redirects or pop-ups, rely on third-party cookies. that can become obsolete. While the consequences are still difficult to foresee, web payments look to the web for better privacy and a world without third-party cookies.

• The web-based route is ideal for web services that have a large number of customers with their registered card.

How does commercial adoption work?

For a payment application to be available from a merchant, the merchant must explicitly adopt it. Technically speaking, the merchant must specify the identifier of the payment application (identifier of the payment method) and use the payment request API with it.

We suggest that you provide good documentation in integration guides and SDKs or libraries to facilitate integration. For example, Google Pay provides a guide for developers.

Working with payment gateways is also a good option, as they can also help scale your reach.

How much is it?

Web payments are standard technology in the browser. Payment applications that adopt or activate it in the browser will not charge you any fees for themselves.