Google ajoute activement une saveur de commerce électronique à son navigateur Chrome grâce à la magie derrière l' API de demande de paiement^{(Payment Request API)} . Dernièrement, Chrome étend ses capacités pour rendre votre expérience de navigation sur Internet plus productive. Et quel meilleur moyen existe-t-il que de simplifier les expériences d'achat en ligne qui, en fin de compte, augmentent la productivité des utilisateurs ?

Google Chrome redéfinit l'expérience de paiement en ligne

La nouvelle expérience de paiement en un clic et en un clic^{(one-click, one-tap checkout experience)} de Google Chrome est disponible derrière chrome://flags qui permet aux utilisateurs d'essayer les fonctionnalités expérimentales de l'API Web Payments^{(Web Payments API)} . Un autre drapeau Chrome^(Chrome) expérimental relevant de la même catégorie Web Payments permet à l' API de demande de paiement^{(Payment Request API)} d'ouvrir une interface utilisateur minimale lorsque cela est possible.

Désormais, Chrome souhaite améliorer et accélérer considérablement votre expérience de commerce électronique^{(speed up your e-commerce experience)} . En conséquence, Chrome apporte une refonte majeure de la façon dont il stocke les informations liées au paiement. De cette façon, Chrome cherche à simplifier le processus de passation de commandes de commerce électronique sur Mac , Windows , Linux , Chrome OS et Android .

L' API de demande de paiement^{(Payment Request API)} existe depuis un certain temps déjà. Cependant, Google affirme que son objectif est passé d'essayer de comprendre comment l' API de demande^{(Request API)} de paiement peut être directement précieuse pour les marchands à la façon dont les API^(APIs) peuvent permettre de meilleures expériences d'application de paiement sur le Web.

“We’ve learned that building a compelling payment flow requires much more than just returning a credit card number. That’s why we are switching gears to focus on enabling payment apps through the Web Payments APIs,” said Eiji Kitamura, Developer Advocate at Google.

Chrome veut non seulement agir en tant qu'intermédiaire entre les commerçants, les utilisateurs et les méthodes de paiement, mais offre également aux utilisateurs une expérience de paiement sans formulaire dans l'interface de l'application. Il permet un paiement et un traitement des paiements plus rapides avec une utilisation minimale du clavier de l'appareil mobile. Par conséquent^(Hence) , les développeurs peuvent améliorer considérablement l'expérience de paiement de l'utilisateur.

Malgré 66 %^{(66 percent)} du trafic commercial provenant d'appareils mobiles, Google indique que les conversions sur mobile représentent environ un tiers^(one-third) des conversions sur ordinateur. Google pense que la baisse des conversions sur les appareils mobiles est le résultat de formulaires de paiement complexes.

Dans le passé, Google simplifiait le processus de paiement avec Autofill , ce qui, selon lui, a entraîné une amélioration de 25 %^{(25 percent)} des conversions sur les appareils mobiles. Bien que la saisie automatique^(Autofill) puisse supprimer la nature manuelle de la saisie des données, Google pense qu'elle est toujours basée sur le même flux de paiement, ce que Google essaie activement de résoudre avec l' API de demande de paiement^{(Payment Request API)} .

Combler le fossé des applications de paiement natives

Les applications natives offrent une expérience de paiement en ligne sans friction, contrairement aux applications Web. Les utilisateurs de Chrome^(Chrome) doivent souvent remplir un long formulaire et suivre plusieurs étapes via des fenêtres contextuelles et des redirections pour effectuer un paiement sur le Web. Désormais, les API de demande^{(Payment Request)} de paiement et de gestionnaire^{(Payment Handler APIs)} de paiement promettent de combler le fossé des applications de paiement natives^{( bridge the native payments app gap)} dans Chrome.

“Payment Request API provides a standardized way to invoke a version-mediated, low-friction payment flow on the web similar to what users might already be familiar with in many native apps,” Kitamura continued. “Payment Handler API allows payment apps to plug into the primary guest API to enable form-free payments on the web.”

Tester le paiement plus rapide de Chrome

Les sites Web appellent l' API de demande de paiement^{(Payment Request API)} et proposent des paramètres de paiement, notamment le coût et les options de paiement compatibles. Chrome détermine ensuite l'intersection des méthodes de paiement prises en charge par le site et des méthodes de paiement que l'utilisateur a configurées dans le navigateur. En fin de compte, Chrome permet aux utilisateurs de choisir leur mode de paiement préféré.

Les utilisateurs de Chrome^(Chrome) peuvent entrer une nouvelle adresse pour la livraison ou choisir celle existante. Ils peuvent sélectionner le mode de livraison le cas échéant. Le mode de paiement peut être une carte de crédit ou l'une des applications de portefeuille installées sur leur appareil, telles que Google Pay . Enfin, l'utilisateur appuie sur "Payer". Chrome demande alors une réponse au mode de paiement sélectionné.

Le processeur de paiement vérifie d'abord la demande, puis renvoie la réponse directement au serveur. De cette façon, le site Web dispose de toutes les informations nécessaires pour traiter le paiement, éliminant davantage la nécessité de quitter le contexte de la page de paiement.

Pendant ce temps, l' API Payment Handler crée^{(Payment Handler API)} un tout nouvel écosystème, permettant à une application de paiement basée sur le Web d'agir comme un moyen de paiement et de s'intégrer aux sites Web marchands, grâce à l' API standard de demande de paiement^{(Payment Request API)} .

Les applications de portefeuille^(Wallet) telles que Google Pay peuvent être créées au-dessus des API Web Payments^{(Web Payments APIs)} . Une application de paiement existante peut s'intégrer de différentes manières à l' API de demande de paiement^{(Payment Request API)} . Comme l'explique Google , l'une des options consiste à implémenter l' API Payment Handler^{(Payment Handler API)} en ajoutant un service worker à son expérience de paiement existante.

L'avenir du commerce électronique avec Google Chrome

La fonctionnalité de « délégation » de l' API du gestionnaire de paiement^{(Payment Handler API)} permet à une application de paiement de fournir toutes les informations demandées par le marchand, telles que l'expédition et les informations de contact. Auparavant, les mêmes informations provenaient toujours du navigateur.

Pour l'instant, Google souhaite que les gestionnaires de paiement^{(Payment Handlers)} aient suffisamment de temps pour s'adapter à l'avenir du commerce électronique sans tracas via les navigateurs Web. Qu'est-ce qu'un gestionnaire de paiement^{(Payment Handler)} , vous vous demandez peut-être ? Eh bien^(Well) , un gestionnaire de paiement^{(Payment Handler)} est une application Web qui gère une demande de paiement au nom de l'utilisateur.

Les applications Web^(Web) doivent spécifier si elles gèrent ou non l'adresse de livraison et les informations de contact. Ils peuvent soit spécifier s'ils prennent en charge chacune des options de paiement séparément, soit spécifier s'ils prennent en charge toutes les options de paiement. Google indique qu'une délégation complète de la fourniture de l'adresse de livraison et des coordonnées du payeur aux gestionnaires de paiement^{(Payment Handlers)} est l'image finale.

Selon un document technique consulté par TheWindowsClub , Google n'oblige pas les gestionnaires de paiement^{(Payment Handlers)} à gérer de sitôt les exigences d'expédition/de contact.

Chrome peut immédiatement passer à un gestionnaire de paiement. Si le site Web de commerce électronique indique la prise en charge d'un seul mode de paiement dans l'API de demande^{(Payment Request API)} de paiement , le mode de paiement doit être identifié par une URL . Dans un scénario différent, l'utilisateur doit avoir au moins un gestionnaire de paiement^{(Payment Handler)} installé pour le mode de paiement pris en charge.

Si l'utilisateur n'a pas de gestionnaire de paiement installé pour le mode de paiement, le gestionnaire de paiement doit être enregistré via l'enregistrement juste à temps. Lorsque ces conditions sont remplies, un geste de l'utilisateur et Chrome déclencheront une demande de paiement^{(Payment Request)} et le navigateur sautera la feuille.

“Together, delegation and skip-the-sheet enable payment apps to more easily transition their existing flows to the Payment Handler API.”

Un prototype fonctionnel de la fonctionnalité se trouve derrière le drapeau "Fonctionnalités de la plate-forme Web expérimentale" sur Desktop . Google prévoit d'implémenter la fonctionnalité sur toutes les plates-formes à l'exception d'Android Webview^{(Android Webview)} car il indique que l' API du gestionnaire de paiement^(Payment) n'est pas implémentée pour Android Webview .

Paiement en un clic pour remplacer les cartes de base dans Chrome

Chrome finit par déprécier la prise en charge de la méthode de paiement par carte de base^(basic-card) , a confirmé Google . Google a initialement ajouté l' API de demande de paiement^{(Payment Request API)} à Chrome sous la forme de cartes de base comme alternative aux paiements par carte de crédit basés sur des formulaires. Avec les cartes de base, les clients peuvent sélectionner les cartes de crédit stockées dans le navigateur pour effectuer des paiements plus rapides. Google dit qu'il gèle le développement de fonctionnalités sur le support de carte de base intégré de Chrome , à l'exception des corrections de bogues.

En plus de Chrome , l' API de demande de paiement^{(Payment Request API)} est également compatible avec le nouveau Microsoft Edge basé sur Chromium^{(Chromium-based Microsoft Edge)} . Pendant ce temps, la fonctionnalité est actuellement en développement dans les navigateurs Firefox^(Firefox) et Safari .

Google Chrome ships online shopping feature to place orders with one tap

Google is actively adding an e-commerce flavor to its Chrome browser thanks to the magic behind the Payment Request API. Of late, Chrome is expanding its capabilities to make your internet browsing experience more productive. And what better way is there than simplifying online purchasing experiences that ultimately boost users’ productivity?

Google Chrome redefines online payments experience

Google Chrome’s new one-click, one-tap checkout experience is available behind chrome://flags that allows users to try experimental Web Payments API features. Another experimental Chrome flag falling under the same Web Payments category allows the Payment Request API to open a minimal UI when possible.

Now, Chrome wants to dramatically improve and speed up your e-commerce experience. As a result, Chrome is bringing a major overhaul to the way it stores payment-related information. This way, Chrome is looking to simplify the process of placing e-commerce orders on Mac, Windows, Linux, Chrome OS, and Android.

The Payment Request API is around for quite some time now. However, Google says its focus has moved from trying to figure out how Payment Request API can be directly valuable to merchants to how the APIs can enable better payment app experiences on the web.

“We’ve learned that building a compelling payment flow requires much more than just returning a credit card number. That’s why we are switching gears to focus on enabling payment apps through the Web Payments APIs,” said Eiji Kitamura, Developer Advocate at Google.

Chrome not only wants to act as an intermediary between merchants, users, and payment methods but also provides users with form-free payments experience within the application interface. It enables faster check out and payment processing with minimal use of the mobile device keyboard. Hence, developers can improve the user’s payment experience to a significant extent.

Despite 66 percent of commercial traffic originating from mobile devices, Google says mobile conversions are about one-third of the desktop conversions. Google believes the lower conversions on mobile devices are the result of complex checkout forms.

In the past, Google simplified the checkout process with Autofill, which it says resulted in a 25 percent improvement in conversions on mobile devices. Although Autofill might get rid of the manual nature of data entry, Google thinks it is still based on the same checkout flow, something Google is actively trying to address with the Payment Request API.

Bridging the native payments app gap

Native apps offer a friction-less online payment experience, unlike web apps. Chrome users often have to fill a lengthy form and follow multiple steps through pop-ups and redirects to complete a payment on the web. Now, Payment Request and Payment Handler APIs together promise to bridge the native payments app gap within Chrome.

“Payment Request API provides a standardized way to invoke a version-mediated, low-friction payment flow on the web similar to what users might already be familiar with in many native apps,” Kitamura continued. “Payment Handler API allows payment apps to plug into the primary guest API to enable form-free payments on the web.”

Putting Chrome’s faster checkout to test

Websites call the Payment Request API and offer parameters of the payment including cost and compatible payment options. Chrome then determines the intersection of payment methods supported by the site and payment methods that the user has configured within the browser. Ultimately, Chrome allows users to choose their preferred method of payment.

Chrome users can enter a new address for the delivery or choose the existing one. They can select the delivery method where applicable. The payment method can be credit cards or one of the wallet apps that are installed on their device such as Google Pay. Finally, the user taps on ‘Pay.’ Chrome then requests a response from the selected payment method.

The payment processor first verifies the request and then returns the response directly to the server. This way, the website has all of the necessary information to process the payment, further eliminating the need for leaving the context of the checkout page.

Meanwhile, the Payment Handler API results in a whole new ecosystem, allowing a web-based payment application to act as a payment method and integrate itself into merchant websites, courtesy of the standard Payment Request API.

Wallet apps such as Google Pay can be built on top of the Web Payments APIs. There are different ways an existing payment app can integrate with the Payment Request API. As Google explains, one of the options is to implement the Payment Handler API by adding a service worker to their existing payment experience.

The future of e-commerce with Google Chrome

‘Delegation’ feature in the Payment Handler API allows a payment app to provide all the information requested by the merchant such as shipping and contact information. Previously, the same information used to always come from the browser.

For now, Google wants Payment Handlers to have enough time to adapt to the future of hassle-free e-commerce via web browsers. What is a Payment Handler, you may ask? Well, a Payment Handler is a web application that handles a request for payment on behalf of the user.

Web apps must specify whether or not they handle shipping address and contact info. They can either specify if they support each of the payment options separately or specify if they support all of the payment options. Google says a full delegation of providing shipping address and payer’s contact information to Payment Handlers is the end picture.

According to a technical document seen by TheWindowsClub, Google is not making it mandatory for Payment Handlers to handle shipping/contact requirements anytime soon.

Chrome can straightaway jump to a payment handler. If the e-commerce website indicates support for a single payment method in Payment Request API, then the payment method must be identified with a URL. In a different scenario, the user must have at least one Payment Handler installed for the supported payment method.

In case the user has no payment handler installed for the payment method, the payment handler should be registered through just-in-time registration. When these conditions are satisfied, a user gesture and Chrome will trigger Payment Request and the browser will skip the sheet.

“Together, delegation and skip-the-sheet enable payment apps to more easily transition their existing flows to the Payment Handler API.”

A working prototype of the feature is behind the “Experimental Web Platform features” flag on Desktop. Google plans to implement the feature on all platforms except Android Webview since it says Payment handler API is not implemented for Android Webview.

One-click checkout to replace basic cards within Chrome

Chrome is eventually deprecating the support for the basic-card payment method, Google has confirmed. Google initially added the Payment Request API to Chrome in the form of basic-cards as an alternative to form-based credit card payments. With basic-cards, customers can select the credit cards stored in the browser to make faster payments. Google says it is freezing feature development on Chrome’s built-in basic card support, except bug fixes.

In addition to Chrome, the Payment Request API is also compatible with the new Chromium-based Microsoft Edge. Meanwhile, the feature is currently in development in Firefox and Safari browsers.

Related posts

• Google Chrome est insensible, Relaunch maintenant?

• Comment réparer les erreurs File Download sur Google Chrome browser

• Comment changer le Default Print Settings dans Google Chrome

• Comment Destroy Profile sur Browser Close dans Google Chrome

• Anna Assistant est un voice assistant parfait pour Google Chrome

• Google Chrome Extensions ne fonctionne pas sur Windows 10

• Google Chrome vs Firefox Quantum pour Windows 10

• Comment désactiver ou activer l'obscurité Mode dans Google Chrome sur Windows 10

• Votre horloge est à l'avance ou votre horloge est en retard sur Google Chrome

• Fix ERR_SPDY_PROTOCOL_ERROR error à Google Chrome

• Google Chrome pour limiter les abonnements de notification push à 90 jours

• Fix Downloading Proxy Script error en Google Chrome

• Fix ERR_CACHE_MISS error message sur Google Chrome

• Google Chrome Ouverture automatiquement quand PC Boots Up

• Comment allumer automatiquement Spell Checker dans Google Chrome

• Tab Manager Extensions pour augmenter la productivité dans Google Chrome

• Google Chrome gèle ou écrasé sur l'ordinateur Windows 10

• Fix Blurry File Open dialog BOÎTE EN Google Chrome and Microsoft Edge

• Fix ERR_SSL_PROTOCOL_ERROR sur Google Chrome

• Comment désactiver auto fonctionnalité de connexion dans Google Chrome