Googleกำลังเพิ่มรสชาติอีคอมเมิร์ซให้กับ เบราว์เซอร์ Chrome อย่างแข็งขัน ต้องขอบคุณความมหัศจรรย์ที่อยู่เบื้องหลังAPI คำขอชำระ^{(Payment Request API)}เงิน ในช่วงที่ผ่านมาChromeกำลังขยายขีดความสามารถเพื่อให้ประสบการณ์การท่องอินเทอร์เน็ตของคุณมีประสิทธิภาพมากขึ้น และจะมีวิธีใดที่ดีไปกว่าการทำให้ประสบการณ์การซื้อออนไลน์ง่ายขึ้นซึ่งจะช่วยเพิ่มประสิทธิภาพการทำงานของผู้ใช้ในท้ายที่สุด

Google Chromeนิยามใหม่ของประสบการณ์การชำระเงินออนไลน์

ประสบการณ์การชำระเงินด้วยการแตะเพียงครั้งเดียวแบบ^{(one-click, one-tap checkout experience)}ใหม่ของ Google Chrome พร้อมใช้งานหลังchrome://flagsที่อนุญาตให้ผู้ใช้ลองใช้คุณลักษณะWeb Payments API รุ่นทดลอง ^{(Web Payments API)}การ ตั้งค่าสถานะChromeรุ่นทดลองอื่น ที่อยู่ในหมวดหมู่ การชำระเงินทางเว็บ^{(Web Payments)} เดียวกัน ช่วยให้API คำขอชำระเงิน^{(Payment Request API)}เปิด UI ขั้นต่ำได้เมื่อเป็นไปได้

ตอนนี้Chromeต้องการปรับปรุงและเพิ่มความเร็วให้กับประสบการณ์อีคอมเมิร์ซของ^{(speed up your e-commerce experience)}คุณอย่างมาก ด้วยเหตุนี้Chromeจึงนำการยกเครื่องครั้งใหญ่มาสู่วิธีการจัดเก็บข้อมูลที่เกี่ยวข้องกับการชำระเงิน ด้วยวิธีนี้Chrome ต้องการลดความซับซ้อน ของกระบวนการวางคำสั่งซื้ออีคอมเมิร์ซบนMac , Windows , Linux , Chrome OSและAndroid

API คำขอชำระเงิน^{(Payment Request API)}อยู่มาระยะหนึ่งแล้ว อย่างไรก็ตามGoogleกล่าวว่าโฟกัสได้เปลี่ยนจากการพยายามค้นหาว่าAPI คำขอ^{(Request API)} ชำระเงิน จะมีประโยชน์โดยตรงต่อผู้ค้าอย่างไร มาเป็นAPI^(APIs) ที่ เปิดใช้งานประสบการณ์แอปการชำระเงินที่ดีขึ้นบนเว็บได้อย่างไร

“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ไม่เพียงแต่ต้องการทำหน้าที่เป็นตัวกลางระหว่างผู้ขาย ผู้ใช้ และวิธีการชำระเงินเท่านั้น แต่ยังมอบประสบการณ์การชำระเงินแบบไม่มีรูปแบบให้กับผู้ใช้ภายในอินเทอร์เฟซของแอปพลิเคชันอีกด้วย ช่วยให้สามารถชำระเงินและชำระเงินได้เร็วขึ้นโดยใช้แป้นพิมพ์ของอุปกรณ์เคลื่อนที่น้อยที่สุด ดังนั้น^(Hence)นักพัฒนาจึงสามารถปรับปรุงประสบการณ์การชำระเงินของผู้ใช้ได้ในระดับที่มีนัยสำคัญ

แม้ว่า66%^{(66 percent)}ของการเข้าชมเชิงพาณิชย์ที่มาจากอุปกรณ์เคลื่อนที่Googleกล่าวว่า Conversion บนอุปกรณ์เคลื่อนที่เป็นประมาณหนึ่งในสาม^(one-third)ของ Conversion บนเดสก์ท็อป Googleเชื่อว่า Conversion ที่ต่ำกว่าบนอุปกรณ์เคลื่อนที่เป็นผลมาจากแบบฟอร์มการชำระเงินที่ซับซ้อน

ในอดีตGoogleทำให้กระบวนการเช็คเอาต์ง่ายขึ้นด้วยการป้อนอัตโนมัติซึ่งบอกว่าส่งผลให้Conversion บนอุปกรณ์เคลื่อนที่ดีขึ้น25 เปอร์เซ็นต์ ^{(25 percent)}แม้ว่าการป้อนอัตโนมัติ^(Autofill)อาจกำจัดลักษณะการป้อนข้อมูลด้วยตนเองออกไป แต่Googleคิดว่ายังคงใช้ขั้นตอนการชำระเงินเดียวกัน แต่มีบางอย่างที่Googleพยายามแก้ไขปัญหาด้วยAPI คำขอชำระ^{(Payment Request API)}เงิน

เชื่อมช่องว่างแอพการชำระเงินพื้นเมือง

แอพที่มาพร้อมเครื่องมอบประสบการณ์การชำระเงินออนไลน์ที่ราบรื่นไม่เหมือนกับเว็บแอป ผู้ใช้ Chrome^(Chrome)มักจะต้องกรอกแบบฟอร์มที่ยาวและทำตามขั้นตอนต่างๆ ผ่านป๊อปอัปและการเปลี่ยนเส้นทางเพื่อชำระเงินบนเว็บให้เสร็จสมบูรณ์ ในตอนนี้คำขอชำระ^{(Payment Request)} เงิน และAPI ตัวจัดการการชำระเงิน^{(Payment Handler APIs)}ร่วมกันสัญญาว่าจะเชื่อมช่องว่างของแอปการชำระเงิน^{( bridge the native payments app gap)}แบบเนทีฟภายใน 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.”

นำการชำระเงินที่เร็วกว่าของ Chrome มาทดสอบ

เว็บไซต์เรียกAPI คำขอชำระเงิน^{(Payment Request API)}และเสนอพารามิเตอร์ของการชำระเงินรวมถึงค่าใช้จ่ายและตัวเลือกการชำระเงินที่เข้ากันได้ จากนั้น Chrome^(Chrome)จะกำหนดจุดตัดของวิธีการชำระเงินที่สนับสนุนโดยไซต์และวิธีการชำระเงินที่ผู้ใช้กำหนดค่าไว้ภายในเบราว์เซอร์ ในที่สุดChromeอนุญาตให้ผู้ใช้เลือกวิธีการชำระเงินที่ต้องการ

ผู้ใช้ Chrome^(Chrome)สามารถป้อนที่อยู่ใหม่สำหรับการจัดส่งหรือเลือกที่อยู่ที่มีอยู่ สามารถเลือกวิธีการจัดส่งได้ตามความเหมาะสม วิธีการชำระเงินอาจเป็นบัตรเครดิตหรือแอปกระเป๋าเงินแอปใดแอปหนึ่งที่ติดตั้งบนอุปกรณ์ของ ตนเช่นGoogle Pay สุดท้าย ผู้ใช้แตะที่ 'ชำระเงิน' จากนั้น Chrome จะขอคำตอบจากวิธีการชำระเงินที่เลือก

ผู้ประมวลผลการชำระเงินจะตรวจสอบคำขอก่อน จากนั้นจึงส่งคืนการตอบกลับไปยังเซิร์ฟเวอร์โดยตรง วิธีนี้ทำให้เว็บไซต์มีข้อมูลที่จำเป็นทั้งหมดในการประมวลผลการชำระเงิน ขจัดความจำเป็นในการออกจากบริบทของหน้าชำระเงิน

ในขณะเดียวกันPayment Handler APIส่งผลให้เกิดระบบนิเวศใหม่ทั้งหมด ทำให้แอปพลิเคชันการชำระเงินทางเว็บทำหน้าที่เป็นวิธีการชำระเงินและรวมตัวเองเข้ากับเว็บไซต์ของผู้ค้า ซึ่งได้รับความอนุเคราะห์จากPayment Request APIมาตรฐาน

แอป Wallet^(Wallet)เช่นGoogle Payสามารถสร้างขึ้นบนWeb Payments API ^{(Web Payments APIs)}มีวิธีต่างๆ ที่แอปการชำระเงินที่มีอยู่สามารถผสานรวมกับAPI คำขอชำระ^{(Payment Request API)}เงิน ตามที่Googleอธิบาย หนึ่งในตัวเลือกคือการใช้Payment Handler APIโดยการเพิ่มพนักงานบริการในประสบการณ์การชำระเงินที่มีอยู่

อนาคตของอีคอมเมิร์ซด้วยGoogle Chrome

คุณลักษณะ 'การมอบหมาย' ในPayment Handler APIช่วยให้แอปการชำระเงินสามารถให้ข้อมูลทั้งหมดที่ผู้ค้าร้องขอ เช่น ข้อมูลการจัดส่งและการติดต่อ ก่อนหน้านี้ ข้อมูลเดิมที่เคยมาจากเบราว์เซอร์เสมอ

สำหรับตอนนี้ Google ต้องการให้ ตัว จัดการการชำระเงิน^{(Payment Handlers)}มีเวลามากพอที่จะปรับตัวให้เข้ากับอนาคตของอีคอมเมิร์ซที่ปราศจากความยุ่งยากผ่านเว็บเบราว์เซอร์ ตัว จัดการการชำระเงิน^{(Payment Handler)}คืออะไรคุณอาจถาม? ตัวจัดการ^(Well)การชำระเงิน^{(Payment Handler)}คือเว็บแอปพลิเคชันที่จัดการคำขอชำระเงินในนามของผู้ใช้

เว็บ^(Web)แอปต้องระบุว่าจะจัดการที่อยู่จัดส่งและข้อมูลติดต่อหรือไม่ พวกเขาสามารถระบุได้ว่าสนับสนุนตัวเลือกการชำระเงินแต่ละแบบแยกกันหรือระบุว่าสนับสนุนตัวเลือกการชำระเงินทั้งหมดหรือไม่ Googleกล่าวว่าการมอบที่อยู่จัดส่งและข้อมูลติดต่อของผู้ ชำระเงินแก่ผู้จัดการ การชำระเงิน^{(Payment Handlers)}เป็นภาพสุดท้าย

ตามเอกสารทางเทคนิคที่ TheWindowsClub เห็นGoogle ไม่^{(TheWindowsClub)}ได้^(Google)กำหนดให้ ตัว จัดการการชำระเงิน^{(Payment Handlers)}ต้องจัดการข้อกำหนดในการจัดส่ง/การติดต่อในเร็วๆ นี้

Chromeสามารถข้ามไปที่ตัวจัดการการชำระเงินได้ทันที หากเว็บไซต์อีคอมเมิร์ซระบุว่ารองรับวิธีการชำระเงินแบบเดียวในAPI คำขอ^{(Payment Request API)}ชำระเงิน จะต้องระบุวิธีการชำระเงินด้วยURL ในสถานการณ์อื่น ผู้ใช้ต้องมีตัวจัดการการชำระเงิน^{(Payment Handler)} อย่างน้อยหนึ่งตัว ติดตั้งสำหรับวิธีการชำระเงินที่รองรับ

ในกรณีที่ผู้ใช้ไม่ได้ติดตั้งเครื่องจัดการการชำระเงินสำหรับวิธีการชำระเงิน ควรลงทะเบียนเครื่องจัดการการชำระเงินผ่านการลงทะเบียนแบบทันท่วงที เมื่อเป็นไปตามเงื่อนไขเหล่านี้ ท่าทางของผู้ใช้และChromeจะเรียกใช้คำขอชำระเงิน^{(Payment Request)}และเบราว์เซอร์จะข้ามแผ่นงาน

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

ต้นแบบการทำงานของคุณลักษณะนี้อยู่เบื้องหลังแฟล็ก "Experimental Web Platform features" บนเดสก์ท็^(Desktop)อป Googleวางแผนที่จะใช้คุณลักษณะนี้กับทุกแพลตฟอร์ม ยกเว้นAndroid Webviewเนื่องจากระบบแจ้งว่าPayment handler APIไม่ได้ใช้งานสำหรับAndroid Webview^{(Android Webview)}

ชำระเงินด้วยคลิกเดียวเพื่อแทนที่การ์ดพื้นฐานภายในChrome

ในที่สุด Chrome^(Chrome)จะเลิกสนับสนุนวิธีการชำระเงินด้วยบัตรพื้นฐาน^(basic-card)Googleได้ยืนยันแล้ว ในขั้นต้น Google^(Google)ได้เพิ่มAPI คำขอชำระเงิน^{(Payment Request API)}ให้กับChromeในรูปแบบของบัตรพื้นฐาน เป็นทางเลือกแทนการชำระเงินด้วยบัตรเครดิตในรูปแบบ ด้วยบัตรพื้นฐาน ลูกค้าสามารถเลือกบัตรเครดิตที่จัดเก็บไว้ในเบราว์เซอร์เพื่อชำระเงินได้เร็วขึ้น Googleกล่าวว่ากำลังหยุดการพัฒนาคุณลักษณะบน การสนับสนุนการ์ดพื้นฐานในตัวของ Chromeยกเว้นการแก้ไขข้อบกพร่อง

นอกเหนือจากChromeแล้วAPI คำขอชำระเงิน^{(Payment Request API)}ยังเข้ากันได้กับMicrosoft Edge ที่ใช้ Chromium^{(Chromium-based Microsoft Edge)}ใหม่ ในขณะเดียวกัน คุณลักษณะนี้อยู่ในระหว่างการพัฒนาในเบราว์เซอร์Firefoxและ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 ไม่ตอบสนอง Relaunch แล้วหรือยัง

• วิธีการแก้ไขข้อผิดพลาดใน File Download Google Chrome browser

• วิธีการเปลี่ยน Default Print Settings ใน Google Chrome

• วิธีการ Destroy Profile บน Browser Close ใน Google Chrome

• Anna Assistant เป็น voice assistant ที่สมบูรณ์แบบสำหรับ Google Chrome

• นาฬิกาของคุณอยู่ข้างหน้าหรือนาฬิกาของคุณอยู่ในข้อผิดพลาดใน Google Chrome

• วิธีการป้องกันผู้ใช้จากการติดตั้งส่วนขยายใน Google Chrome

• วิธีการอัตโนมัติปิดการใช้งานคุณลักษณะการลงชื่อเข้าใน Google Chrome

• Fix ERR_SSL_PROTOCOL_ERROR บน Google Chrome

• ปิดใช้งาน Profile Manager ใน Google Chrome บน Windows 10

• วิธีเปิดใช้งาน Material Design UI ใหม่สำหรับ Google Chrome browser

• วิธีการปิดใช้งานหรือเปิดใช้งาน Dark Mode ใน Google Chrome บน Windows 10

• Fix ERR_QUIC_PROTOCOL_ERROR ใน Google Chrome

• Great Suspender จะระงับแท็บโดยอัตโนมัติใน Google Chrome

• Google Chrome กำลังรอแคช - ฉันจะทำอย่างไร!

• วิธีการนำเข้าหรือส่งออกบุ๊กมาร์ก Google Chrome ไปยัง HTML file

• Fix ERR_SPDY_PROTOCOL_ERROR error ใน Google Chrome

• วิธีการเปลี่ยนขนาดฟอนต์เริ่มต้นใน Google Chrome browser

• Download official Google Chrome ธีมสำหรับเบราว์เซอร์ของคุณ

• Best YouTube ส่วนขยายสำหรับ Google Chrome เพื่อปรับปรุงประสบการณ์