會員元件|Shopper App

4. EC + SC.png

12. 品牌會員購物 App (1).png

會員元件顯示會員目前享有的會員點數、購物金、優惠券,以及各項會員權益內容。目前支援刪除或隱藏元件,支援調整展示位置、更換會員各等級卡片顏色及會員權益的增加刪減。

⚠️ 開始前請注意:此功能於香港地區僅支援 Shopper App Pro 版本。

 

本文將聚焦以下:

 

一、設定會員等級卡片內容

步驟一

前往 SHOPLINE 後台 >「Shopper App 管理 > App 設計 > 首頁設計 > Simple 版型」,點選「設定」。

Screenshot 2026-01-23 at 2.07.51 PM.png

 

或前往「Shopper App 管理 > App 設計 > 會員中心」,點選「設定」進入會員中心頁面編輯器。

Screenshot 2025-11-04 at 11.32.23 AM.png

 

步驟二

點選左側「會員元件」進行編輯,如會員元件被刪除,點擊「新增元件」進行新增。在卡片編輯過程中,可隨時在中間預覽區查看顯示效果。

*注意:

  • 如後台已啟用商店購物金總開關,該區域將顯示「我的購物金」圖示,停用則不顯示。您可以前往「顧客管理 > 商店購物金」進行設定。
  • 如後台已啟用會員點數總開關,該區域將顯示「我的點數」圖示,停用則不顯示。您可以前往「顧客管理 > 會員點數」進行設定。
  • 系統固定顯示「優惠券」圖示,顯示數量為會員帳戶裡可用的優惠券張數。
  • 如後台已啟用「網店顯示 會員中心的優惠券頁籤 和 領券中心」開關,該區域將顯示「優惠券」圖示,停用則不顯示;您可以前往「促銷及分潤 > 優惠相關設定」進行設定。
Screenshot 2026-01-23 at 2.30.08 PM.png

 

步驟三

系統預設展示「會員」等級卡片,會員等級取自「顧客管理 > 會員分級」的設定;若您不想在 App 端顯示特定會員等級,可以點擊 Screen_Shot_2022-10-26_at_11.20.21_AM.png 隱藏卡片,隱藏後將不會顯示該會員等級權益的介紹。

*注意:

  • 若您未設定任何的會員級別,只會顯示「會員」等級的卡片。
  • 不能隱藏「會員」等級卡片,如不想顯示任何會員內容,可以點擊Screenshot 2025-03-04 at 12.39.51 PM.png刪除元件。
Screenshot 2026-01-23 at 2.34.37 PM.png

 

步驟四

點擊會員等級旁邊的arrow_down.png設定卡片,可進行以下設定。

1. 背景顏色

可透過色板選擇背景顏色,或直接輸入色號。

Screenshot 2026-01-23 at 2.46.42 PM.png

 

2. 顯示升級與續會條件

預設為展示狀態,顧客可查看目前升級與續會的達成進度。點選關閉時,會出現確認彈窗,點擊「確認」按鈕即可隱藏此項。

Screenshot 2026-01-23 at 3.11.06 PM.png

 

3. 會員等級圖片

顯示於會員卡片右上角。點擊「新增圖片」上傳圖片,尺寸建議為 240*120,支援 PNG/JPG/JPEG/GIF 格式,且檔案大小不超過 2MB。

Screenshot 2026-01-23 at 3.12.33 PM.png

 

二、 設定會員權益內容

1. 自訂會員權益

您可自行建立會員權益頁面,並貼上該頁面的連結。顧客點選「查看更多」後,將導向您所設定的頁面。

Screenshot 2026-01-23 at 3.22.10 PM.png

 

2. 預設會員權益

系統預設 5 種會員權益都是已新增的狀態。

Screenshot 2026-01-23 at 3.36.48 PM.png

 

您可以拖曳左側 Screen_Shot_2022-10-26_at_2.03.57_PM.png 調整權益排序,或點選右側 bin.png 刪除該權益。

Screenshot_2023-05-23_at_6.12.34_PM.png

 

若元件已設定權益,但 App 介面未顯示,代表該項權益功能未開啟;如需開啟,請前往後台進行設定,設定完成後,App 端會員元件將立即生效。

  • 首下載禮:前往「Shopper App 管理 > App 下載禮」,設定下載禮活動。
  • 生日購物金:前往「顧客管理 > 商店購物金」,點按「生日購物金」的開關按鈕開啟功能;或是在「顧客管理 > 會員分級」開啟生日購物金。
  • 會員優惠:前往「顧客管理 > 會員分級」,新增會員分級時,在基本設定裡設定會員優惠。
  • 消費集點:前往「顧客管理 > 會員點數」,點選「消費集點」的開關按鈕開啟功能。
  • 點數兌換:前往「促銷及分潤 > 點數兌換活動」,新增點數兌換活動。

 

確認完成設定後,點擊右上角「儲存」儲存元件變更;若已經完成 App 首頁的所有編輯,點擊「更新並使用」發佈到 App 更新

 

 

 

 

 

 

 

 

還有其他問題?提交請求

評論