品牌宣傳指南

以下指南旨在協助您將 Google Pay 導入自己的應用程式。

Google Pay 付款按鈕

Google Pay 付款按鈕一律必須呼叫 Google Pay API。Google Pay API 顯示可供使用者選取付款方式的付款畫面。

素材資源

Google Pay 付款按鈕可做為可調整大小的點陣圖 (Nine-Patch 檔案) 使用,適合包含在版面配置中。

下載素材資源

您網站上顯示的所有 Google Pay 付款按鈕都必須遵守我們的品牌宣傳指南,包括但不限於以下規定:

  • 根據其他類似的按鈕或網頁元素調整相對大小。
  • 與周圍區域的背景顏色形成對比。
  • 周圍留空。

「使用 Google Pay 購物」資源提供下列語言版本:阿拉伯文、保加利亞文、加泰隆尼亞文、中文、克羅埃西亞文、捷克文、丹麥文、荷蘭文、英文、愛沙尼亞文、芬蘭文、法文、德文、希臘文、印尼文、義大利文、日文、韓文、馬來文、挪威文、波蘭文、葡萄牙文、俄文、塞爾維亞文、斯洛伐克文、斯洛維尼亞文、西班牙文、瑞典文、泰文、土耳其文、烏克蘭文。

樣式

Google Pay 付款按鈕共有三種樣式:黑色、白色及白色帶框。每種樣式各有包含及不含「使用…購物」文字的兩種版本。付款按鈕中的「使用…購物」文字已有官方翻譯;Google Pay 品牌一律未翻譯。請勿以自行翻譯的文字另外建立按鈕。

黑色 白色 白色帶框
黑色 Google Pay 付款按鈕 白色 Google Pay 付款按鈕 白色帶框 Google Pay 付款按鈕

白色或淺色背景應使用黑色按鈕,形成對比。

黑色或彩色背景應使用白色按鈕。

白色帶框按鈕可以替代黑色按鈕使用於白色或淺色背景上。

周圍留空

付款按鈕周圍一律應至少留空 8 dp。不得有圖像或文字出現在周圍留空的區域當中。

Android 版 Google Pay 付款按鈕周圍留空範例

寬度下限

Google Pay 按鈕寬度一律不得小於 90 dp。所有 [使用 Google Pay 購物] 付款按鈕寬度一律不得小於 152 dp。

Google Pay 付款按鈕寬度下限圖例

建議做法

正確做法 錯誤做法
  • 一律使用 Google 提供的 Google Pay 按鈕。
  • 使用 Google Pay 按鈕來啟動付款流程。
  • 在網站中一律使用相同的按鈕樣式。
  • Google Pay 按鈕的大小必須大於或等於其他按鈕。
  • 選擇正確的按鈕色彩,和背景形成對比。
  • 請勿自行建立 Google Pay 按鈕,或以任何方式調整官方按鈕內的字型、顏色、按鈕半徑或邊框間距。
  • 請勿使用 Google Pay 付款按鈕來啟動款流程以外的其他動作。
  • 請勿交替使用不同色彩樣式或包含/不含文字版本的按鈕。
  • Google Pay 按鈕不得小於其他按鈕。
  • 請勿使用與背景顏色相近的按鈕顏色,例如在白色的背景上使用白色按鈕。

Google Pay 標誌

當您在付款流程中顯示 Google Pay 做為付款選項時,請一律使用下列 Google Pay 標誌。

素材資源

下載 SVG 檔案格式的 Google Pay 標誌:

下載素材資源
標誌
Google Pay 標誌
當您顯示 Google Pay 做為付款選項時,請使用 Google Pay 標誌。
如果您是以圖文並列的方式來顯示其他品牌的標誌,對「Google Pay」也請比照辦理。不要變更標誌外框的色彩或粗細度,或改變其中任何內容,僅可使用 Google 提供的標誌。
周圍留空
Google Pay 標誌周圍一律應至少留空 8 dp。
Google Pay 標誌周圍留空範例
大小

請配合您付款流程中顯示的其他品牌識別標誌調整高度。 Google Pay 標誌不得小於其他品牌識別標誌。

使用 Google Pay 標誌來表示 Google Pay 為付款選項,並在購買流程中繼續使用 Google Pay 標誌。

建議做法

正確做法 錯誤做法
  • 一律使用 Google 提供的 Google Pay 標誌。
  • 使用 Google Pay 標誌來表示付款流程中使用 Google Pay 付款選項。
  • 請勿自行建立標誌或調整 Google Pay 標誌中的任何內容。
  • 請勿翻譯「Pay」字樣。
  • 顯示時 Google Pay 標誌不得小於其他付款選項,或是尺寸比例差距過大。

使用 Google Pay 文字

您可以用文字說明 Google Pay 是付款選項,以及在行銷文宣中宣傳 Google Pay。

「G」與「P」字首大寫

字首的「G」與「P」一律大寫,其他字母小寫。除非是必須配合 UI 的字體樣式,否則請勿使用全部大寫的「GOOGLE PAY」,且行銷文宣中一概不得使用全部大寫的「GOOGLE PAY」。

不得縮寫 Google Pay

「Google」與「Pay」字樣應完整拼寫。

配合 UI 字體樣式

設定「Google Pay」字型與字體樣式時,應配合 UI 中的其餘文字,而非模仿 Google 的字體樣式。

請勿翻譯 Google Pay

「Google Pay」應一律保持英文拼寫,請勿翻譯成其他語言。

「Google Pay」首次出現於行銷文宣時應加上商標符號。

在行銷文宣中使用「Google Pay」字樣時,請於首次出現時或最顯眼處加上商標符號 ™。在 UI 中顯示 Google Pay 為付款選項時,請勿使用商標符號。

如未顯示其他付款選項的標誌,請以文字表示「Google Pay」。

設定「Google Pay」字型與字體樣式時,應配合 UI 中的其餘文字。

在確認頁面和電子郵件收據中顯示付款資訊時,別忘了提醒客戶他們採用的付款方式為 Google Pay。

Google Pay 最佳做法

透過 Google Pay 的結帳流程和付款畫面,讓客戶輕鬆迅速查看付款資訊、確認購買,進一步提升轉換率。

以下是最佳做法:

將 Google Pay 設為主要付款選項

Google Pay 是廣受歡迎的快速結帳方式。請儘可能讓 Google Pay 按鈕顯示在明顯好找之處,也不妨考慮將其設為預設或唯一的付款選項。

讓顧客不用建立帳戶也可購買商品

建立帳戶會使結帳流程變慢,還可能使顧客放棄購物。Google Pay 可以加快訪客的結帳過程。如果您希望顧客建立帳戶的話,建議讓他們在完成交易後再建立帳戶。

在購物車結帳過程中使用 Google Pay 啟動付款流程

Google Pay 按鈕會叫出付款畫面。在付款畫面中,顧客只能選擇及確認一種付款方式。請務必在顧客可以點選 Google Pay 按鈕之前,收集好您需要的所有其他資訊,例如商品大小、顏色、數量、禮物訊息、優惠代碼、運送速度,或是個別品項的運送目的地。如果顧客沒有提供完整的必要資訊,請在叫出付款畫面之前,先以即時訊息提示顧客遺漏的資訊。

除了購物車結帳外,也可以把 Google Pay 按鈕加入產品詳細資料頁面

提供顧客在產品詳細資料頁面中直接單獨購買的選項,可加快單品結帳速度。如果顧客選擇這個選項的話,記得要排除購物車中的其他商品,因為付款畫面只能讓顧客確認付款與運送資訊。

把 Google Pay 加入確認頁面與收據中

在確認頁面和電子郵件收據中顯示付款資訊時,別忘了提示顧客他們採取的付款方式為 Google Pay,並確保 Google Pay 的顯示方式與其他付款方式保持一致。請勿向使用者顯示完整帳號、信用卡到期日或其他付款方式詳細資料。一律使用 Google Pay API 傳回的說明文字識別付款方式。

以下是幾個範例:

  • 「某某卡 •••• 1234,透過 Google Pay 付款」;「某某卡 •••• 1234 (Google Pay)」;
  • 「Google Pay (某某卡 •••• 1234)」;「Paypal abc...d@gmail.com,透過 Google Pay 付款」;
  • 「付款方式:Google Pay」或「透過 Google Pay 付款」。

這些畫面代表我們建議為購物車提供的 Google Pay 購買流程。

申請核准

Google Pay API 整合完畢後,您的 UI 中每一處顯示或提到 Google Pay 的地方都需要申請核准,才能取得正式版的存取權。

送審方式

逐一確認整合檢查清單中的所有項目,然後把您的應用程式整合內容提交送審。您應該會在 1 個工作天內收到核准通知或意見回饋。