使用者體驗最佳做法

整合 Google Pay API 時可能會發生各種情況,請依據您的網站或應用程式購買流程和使用者體驗 (UX) 採取適當做法。如想改善使用者體驗,您可以按照下列指南操作:

將預設付款方式設為 Google Pay

將 Google Pay 設為預設付款方式,以便新使用者開始使用或略過帳戶設定畫面。如果 IsReadytoPayRequest 傳回 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 就會傳回電子郵件地址。

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