會員證設計編輯（依方案分色・標誌・即時預覽）

Wallet 會員證的設計，可以從店鋪管理畫面的設計編輯工具，依方案分別編輯背景色・標誌・文字顏色，並可一邊查看即時預覽。無需像塑膠卡片一樣重新製作，變更設計後會立即同時反映至 Apple Wallet 與 Google Wallet。

本文將說明編輯畫面的使用方式、依方案的設計管理、圖片的建議規格，以及公開後反映至既有卡片的機制。

開啟編輯畫面

開啟店鋪管理畫面 →「店鋪應用程式」→「會員證」→「設計編輯」。左側為顏色與圖片的設定面板，右側則並列顯示 Apple Wallet 與 Google Wallet 的即時預覽。

可編輯的項目

• 背景色 — 卡片的主色。請設定店家的品牌色
• 文字顏色 — 店名、會員編號、方案名稱等文字的顏色。請確保與背景色有足夠的對比度
• 標籤顏色 — 「會員編號」「方案」等小標籤文字的顏色。可與內文文字分別設定
• 標誌圖片 — 顯示於卡片左上角的店家標誌（參見後述的建議規格）
• 條幅圖片（選填） — 顯示於卡片上方的橫幅圖片。可設定店鋪外觀照片、活動視覺等
• 圖示 — 顯示於通知或 Wallet 一覽的小圖示。可沿用與標誌相同的圖片

依方案分別設計

可依會員方案（例如：一般・銀卡・金卡・白金卡）分別設定不同設計。當顧客的方案升級時，Wallet 上的會員證也會自動切換設計。

典型的設計範例：

• 一般 — 店家的品牌色（例如：白底配黑字）
• 銀卡 — 銀色或淺灰色
• 金卡 — 金色（#D4AF37 等）搭配深色文字
• 白金卡 — 黑底搭配金色點綴

依方案演繹出「特別感」，有助於提升顧客升級方案的意願。

即時預覽

右側的預覽會在變更設定後立即反映。由於可以並列確認 Apple Wallet 與 Google Wallet 兩者的顯示效果，能打造出兩個作業系統之間無違和感的成品。

預覽中會以範例資料顯示顧客的姓名與會員編號。實際發行時，則會帶入顧客的登錄資訊。

標誌・圖片的建議規格

• 標誌圖片
  • 建議尺寸：480×150 px（長寬比 3.2:1）
  • 格式：PNG（建議使用透明背景）或 JPEG
  • 檔案大小：1 MB 以下
• 條幅圖片
  • 建議尺寸：1125×432 px（長寬比 2.6:1）
  • 格式：PNG 或 JPEG
  • 檔案大小：2 MB 以下
• 圖示
  • 建議尺寸：87×87 px 以上（正方形）
  • 格式：PNG（建議使用透明背景）
  • 檔案大小：500 KB 以下

若上傳解析度較高的圖片，管理主控台側會自動進行縮放與最佳化。原始圖片會被保留，之後也可以重新生成。

顏色設計的要點

• 確保背景色與文字顏色的對比度 — 請設置足夠的對比度，讓會員編號在戶外或昏暗的店內也容易辨識
• 標誌請選擇能與卡片背景色形成對比的顏色 — 白色標誌搭配深色背景，深色標誌搭配淺色背景
• 為各方案打造「視覺上的躍升感」 — 若一般與金卡的顏色相近，會較難傳達升級方案的成就感
• 以店家的品牌色為基礎 — 與既有的店鋪招牌・標誌・包裝相互搭配，有助於顧客辨識為「同一家店」

公開變更

編輯完成後，點選畫面右上角的「公開」按鈕。公開後：

• 新發行的會員證會立即以新設計發行
• 既有顧客 Wallet 內的會員證也會自動更新為新設計（透過 Apple / Google 的伺服器進行推播更新）

更新既有會員證有時需耗時數分鐘至數十分鐘（依 Apple / Google 端的推播發送時機而定）。顧客無需手動更新。

草稿儲存

在按下「公開」之前的編輯內容，會自動儲存為草稿。可稍後繼續編輯，即使試錯不同設計，也不會影響既有顧客的會員證。

開始使用

1. 開啟店鋪管理畫面 →「店鋪應用程式」→「會員證」→「設計編輯」
2. 在左側的分頁選擇要編輯的方案
3. 設定背景色・文字顏色・標籤顏色（透過調色盤或 HEX 值指定）
4. 上傳標誌圖片與條幅圖片（選填）
5. 在右側預覽確認 Apple Wallet・Google Wallet 兩者的顯示效果
6. 其他方案也依相同方式編輯
7. 點選「公開」按鈕以套用變更

相關說明

• Apple Wallet・Google Wallet 會員證概要
• 位置通知的設定
• 管理主控台會員編號的自動發號設定
• 店鋪應用程式平台簡介
• 返回店鋪說明目次