เพิ่มประสิทธิภาพให้กับแอปการชำระเงินด้วย Web Payments

มาตรฐานเว็บใหม่เพื่อประสบการณ์การชำระเงินที่ราบรื่นบนเว็บ

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

การชำระเงินบนเว็บคืออะไร

Web Payments คือชุด API การชําระเงินมาตรฐานใหม่ที่มีให้บริการในเบราว์เซอร์สมัยใหม่ ซึ่งรวมถึง Payment Request API, Payment Handler API และอื่นๆ อีก 2-3 รายการ องค์ประกอบพื้นฐานของเบราว์เซอร์ใหม่เหล่านี้ช่วยลดความซับซ้อนของการชำระเงินออนไลน์และช่วยให้แอปการชำระเงินผสานรวมกับเบราว์เซอร์ได้ง่ายกว่าที่เคย

มาตรฐานนี้มีความยืดหยุ่น ทำงานร่วมกับระบบการชำระเงินประเภทต่างๆ และมีไว้เพื่อใช้ในเบราว์เซอร์ทุกประเภทในอุปกรณ์ วิธีการชำระเงิน หรือผู้ให้บริการชำระเงิน ความยืดหยุ่นนี้ช่วยให้การพัฒนาง่ายขึ้น การใช้งานสอดคล้องกัน และเข้ากันได้ในอนาคตกับเทคโนโลยีการชำระเงินที่พัฒนาขึ้นใหม่

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

ขั้นตอนการชำระเงินด้วย Google Pay และการชำระเงินบนเว็บ
  1. ลูกค้าไปที่จุดชำระเงินแล้วกดปุ่ม GPay

  2. แอป Google Pay จะเปิดขึ้นในหน้าเว็บไซต์ของผู้ขาย

  3. ลูกค้ายืนยันการชำระเงินในแอป Google Pay หลังจากตรวจสอบรายละเอียดแล้ว

  4. ผู้ขายยืนยันการชำระเงินและการซื้อได้รับอนุมัติ

การสนับสนุนเบราว์เซอร์

การชำระเงินผ่านเว็บประกอบด้วยเทคโนโลยีหลายอย่างที่แตกต่างกัน และสถานะการสนับสนุนจะขึ้นอยู่กับเบราว์เซอร์

Chromium Safari Firefox
เดสก์ท็อป Android เดสก์ท็อป อุปกรณ์เคลื่อนที่ เดสก์ท็อป/อุปกรณ์เคลื่อนที่
Payment Request API
Payment Handler API
แอปการชำระเงิน iOS/Android ✔* ✔*

ประโยชน์ของการผสานรวมการชำระเงินผ่านเว็บในแอปการชำระเงิน

การผสานรวมกับการชำระเงินผ่านเว็บจะช่วยให้แอปการชำระเงินมอบประสบการณ์การใช้งานที่ดีขึ้นให้แก่ลูกค้า มอบประสบการณ์การใช้งานที่ดีขึ้นให้แก่นักพัฒนาแอป และรักษาความปลอดภัยได้เข้มงวดยิ่งขึ้น

ประสบการณ์ของผู้ใช้ที่ดีขึ้น

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

  • การชำระเงินที่รวดเร็วยิ่งขึ้น: ลูกค้าสามารถบันทึกรายละเอียดการชำระเงินได้อย่างปลอดภัยในเบราว์เซอร์หรือแอปการชำระเงิน พร้อมใช้งานในเว็บไซต์ของผู้ขายที่รองรับ

  • ประสบการณ์การซื้อที่มีประสิทธิภาพยิ่งขึ้น: หลังจากชำระเงินเสร็จสมบูรณ์ (หรือยกเลิก) ลูกค้าจะยังคงอยู่ในเว็บไซต์ของผู้ขายตรงจุดเดิมที่ดำเนินการค้าค้าไว้

ประสบการณ์การใช้งานที่ดีขึ้นสำหรับนักพัฒนาแอป

  • การผสานรวมที่ง่ายดาย: การชำระเงินผ่านเว็บสามารถขยายการให้บริการจากแอปการชำระเงินเฉพาะแพลตฟอร์มที่มีอยู่หรือแอปการชำระเงินบนเว็บ

  • ต้นทุนการผสานรวมต่ำ: ผู้ขายสามารถผสานรวมการชำระเงินผ่านเว็บด้วย JavaScript และการผสานรวมฝั่งเซิร์ฟเวอร์ระดับพื้นฐาน

  • มาตรฐาน: โปรโตคอลและรูปแบบข้อมูลสำหรับการแลกเปลี่ยนข้อมูลกับผู้ขายเป็นไปตามมาตรฐานและไม่จำเป็นต้องมีการผสานรวมอย่างละเอียด

การรักษาความปลอดภัยที่เข้มงวดยิ่งขึ้น

  • การป้องกันการโหลดจากแหล่งที่ไม่รู้จักเมื่อเรียกใช้แอปการชำระเงินเฉพาะแพลตฟอร์ม

  • ออกแบบโดยคำนึงถึงรูปแบบการรักษาความปลอดภัยและความเป็นส่วนตัวในอนาคต

การใช้การชำระเงินผ่านเว็บยังช่วยให้แอปการชำระเงินนำวิธีการชำระเงินทุกประเภทไปใช้กับเว็บได้ เช่น เงินอิเล็กทรอนิกส์ คริปโตเคอเรนซี การโอนเงินผ่านธนาคาร และอื่นๆ Web Payments ได้รับการออกแบบโดยคำนึงถึงความยั่งยืนและไม่จำกัดการประมวลผลการชำระเงินและวิธีการชำระเงิน

การเปรียบเทียบการชำระเงินผ่านเว็บกับแนวทางอื่นๆ

ลองพิจารณาแนวทางที่มีอยู่ในการผสานรวมการชำระเงินบนเว็บ

  • iframe: ใช้ JavaScript เพื่อแทรกเว็บไซต์ของตัวแฮนเดิลการชำระเงินใน iframe และรวบรวมข้อมูลเข้าสู่ระบบการชำระเงินของลูกค้าผ่านแบบฟอร์ม

  • ป๊อปอัป: ใช้ JavaScript เพื่อเปิดหน้าต่างป๊อปอัปและรวบรวมข้อมูลเข้าสู่ระบบสำหรับการชำระเงินของลูกค้าผ่านแบบฟอร์มหรือให้ลูกค้าตรวจสอบสิทธิ์และเลือกข้อมูลเข้าสู่ระบบสำหรับการชำระเงิน

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

  • OAuth: ผู้ขายอนุญาตให้ลูกค้าตรวจสอบสิทธิ์และให้สิทธิ์ด้วยข้อมูลประจำตัวของตัวแฮนเดิลการชำระเงินผ่าน OAuth, เลือกวิธีการชำระเงิน, ที่อยู่สำหรับจัดส่ง ฯลฯ ผ่าน UI ของ iframe ในบริบท

การชำระเงินผ่านแอปและการชำระเงินผ่านเว็บมีความแตกต่างกันดังนี้

การชำระเงินผ่านเว็บ iframe ป๊อปอัป เปลี่ยนเส้นทาง OAuth
การชำระเงินในบริบท ✔*
การอัปเดตราคาแบบไดนามิก
ปรับปรุงประสบการณ์การซื้อ
การผสานรวมแอปเฉพาะแพลตฟอร์ม
ต้นทุนการผสานรวมต่ำ
มาตรฐาน

การผสานรวมการชำระเงินผ่านเว็บในแอปที่มีอยู่

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

แอปการชำระเงินเฉพาะแพลตฟอร์ม

  • เหมาะสําหรับแอปการชําระเงินที่มีฐานผู้ใช้จํานวนมากอยู่แล้วและต้องการให้ผู้ใช้ปัจจุบันได้รับประสบการณ์ที่สอดคล้องกันในเว็บ

  • ซึ่งแตกต่างจากฟีเจอร์ "Intent" ของ Android ตรงที่ Web Payments จะทำการยืนยันลายเซ็นก่อนเรียกใช้แอปการชำระเงิน ซึ่งทำให้แอปการชำระเงินที่เป็นอันตรายไม่สามารถโหลดจากแหล่งที่ไม่รู้จักได้

ในวิดีโอด้านบน Google Pay เป็นแอปการชำระเงินสำหรับแพลตฟอร์มหนึ่งๆ โดยเฉพาะ

แอปการชำระเงินบนเว็บ

  • ใช้งานได้ในอนาคตมากขึ้น: เทคนิคทั่วไปของแอปการชำระเงิน เช่น การเปลี่ยนเส้นทางหรือป๊อปอัป จะใช้คุกกี้ของบุคคลที่สามที่อาจล้าสมัย แม้ว่าจะยังคาดการณ์ผลลัพธ์ได้ยาก แต่การชำระเงินผ่านเว็บมุ่งเน้นที่เว็บที่มีความเป็นส่วนตัวมากขึ้นและโลกที่ไม่มีคุกกี้ของบุคคลที่สาม

  • เส้นทางบนเว็บเหมาะสำหรับบริการบนเว็บที่มีลูกค้าจำนวนมากที่มีบัตรบันทึกไว้

ขั้นตอนการชำระเงินด้วยแอปการชำระเงินบนเว็บ

การนำไปใช้ของผู้ขายทำงานอย่างไร

ผู้ขายต้องยอมรับแอปการชำระเงินอย่างชัดเจนเพื่อให้แอปการชำระเงินพร้อมให้บริการ ในทางเทคนิค ผู้ขายต้องระบุตัวระบุของแอปการชำระเงิน (ตัวระบุวิธีการชำระเงิน) และใช้ Payment Request API ร่วมกับตัวระบุดังกล่าว

เราขอแนะนำให้คุณจัดทำเอกสารประกอบที่ชัดเจนในคู่มือการผสานรวมและ SDK หรือไลบรารีเพื่ออำนวยความสะดวกในการผสานรวม เช่น Google Pay มีคู่มือนักพัฒนาแอป

การทำงานร่วมกับเกตเวย์การชำระเงินก็เป็นตัวเลือกที่ดีเช่นกัน เนื่องจากช่วยปรับขนาดการติดต่อได้

มีค่าใช้จ่ายเท่าใด

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