使用者體驗最佳做法

整合 Google Pay API 時可能會因您的網站、應用程式購買流程和使用者體驗 (UX) 而發生各種情況。如要改善使用者體驗,可考慮按照下列指南操作:

將預設付款方式設為 Google Pay

將 Google Pay 設為預設付款方式,讓使用者可略過帳戶設定畫面或方便新使用者開始使用。如果 isReadytoPay 傳回 true,我們建議您將 Google Pay 設為預設付款方式。這項設定可以讓客戶在結帳過程中少按幾次按鈕,因為系統會自動使用客戶先前儲存的付款方式與運送資訊。

調整服務設定,盡可能減少點擊次數

如果您將付款方式設為叫用 Google Pay 後立即收費,請按照下列指示操作:

  • 確認系統會在您叫用 Google Pay 之前,向客戶顯示最終總價。
  • CheckoutOption 設為 COMPLETE_IMMEDIATE_PURCHASE,讓使用者在 Google Pay 選取器中看見 [付款] 按鈕,而非 [繼續] 按鈕。

這樣一來,使用者就能一鍵結帳,並在支付費用前確認金額正確無誤。

最佳化
圖 1:進行最佳化調整,盡量減少點擊次數

Google Pay 顯示位置建議

在下列四個位置顯示 Google Pay 選項:

如果您將 Google Pay 置於多個位置,請確認所有位置的 IsReadytoPayRequest 叫用一致。

將 Google Pay 新增至產品頁面

將 Google Pay 新增至您的商品或產品頁面,讓客戶能夠快速結帳。這種做法可以減少結帳步驟數量,並增加購買單一商品的轉換率。

將 Google Pay 新增至產品頁面。
圖 2:將 Google Pay 新增至產品頁面

在結帳頁面中新增 Google Pay

如果您的服務設有 [結帳] 或 [購物車] 按鈕,請在標準結帳選項附近新增 Google Pay。

如果您選擇這個 Google Pay 顯示位置,可以為客戶帶來下列效益:

  • 可輕鬆查看購物車中的所有商品
  • 可查看最終總價
  • 可立即結帳
結帳
圖 3:在標準結帳選項附近新增 Google Pay

將 Google Pay 置於付款選項清單的頂端

確保 Google Pay 在畫面中清晰可見,讓使用者瞭解按一下即可結帳。

將 Google Pay 置於付款選項清單的頂端。
圖 4:將 Google Pay 置於付款選項清單的頂端

將 Google Pay 置於須手動輸入付款資訊的欄位上方

如果 Google Pay 的位置明顯高於任何手動輸入欄位,使用者便能立即知道無須手動輸入我們已經有的資料,例如付款資訊、運送及帳單地址。這麼做可以減少手動輸入資料的次數,並提高轉換率。

將 Google Pay 置於須手動輸入的付款資訊欄位上方。
圖 5:將 Google Pay 置於須手動輸入的付款資訊欄位上方

透過 Google Pay 收集使用者的運送資訊

如果您需要運送資訊,客戶在 Google Pay 畫面中確認付款資訊時,可以一併確認運算地址,而不需要手動輸入地址。Google Pay API 的回應中會包含運送和付款資訊。

將 Google Pay 置於須手動輸入的付款資訊欄位上方。
圖 6:在 Google Pay 中設定運送地址

允許訪客使用 Google Pay 結帳

讓使用者無須建立帳戶,即可輕鬆透過 Google Pay 結帳。如要這麼做,請在向 Google Pay API 傳送要求時,要求取得結帳所需的付款與地址資訊。

如果您的服務設有帳戶建立選項,請使用 Google Pay API 提供的付款與地址資訊來取得建立帳戶所需的付款與地址資訊。我們建議您先讓使用者完成購買程序,再建立帳戶。

如果您透過 Google Pay API 要求這項資訊,客戶就不需要手動填寫結帳所需的所有資訊。這樣一來,結帳流程就能保持順暢。

僅將 Google Pay 用於收集適用的使用者資料

如果您會收集 Google Pay API 傳回的資料,請務必確保資料僅用於客戶當前的交易,當中包含訂單確認、運送通知、運送追蹤、訂單取消、退款和退款通知資訊。

舉例來說,如果您將 PaymentDataRequest 物件中的 emailRequired 設為 true,Google Pay API 就會傳回電子郵件地址。

如果您持續採用這個做法,就能提升客戶的信任度和忠誠度。