「人氣排行榜」頁面設定|Shopper App

4. EC + SC.png
12. 品牌會員購物 App (1).png

您可以透過「人氣排行榜」頁面,將商店熱銷或需要推廣的商品,以商品排行榜的形式呈現在 App 上,有效提升顧客購買意願。

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

 

此篇文章將分別介紹:

 

一、建立人氣排行榜

步驟一

前往 SHOPLINE 後台 >「Shopper App 管理 > App 設計」,點選「人氣排行榜」頁籤。

Screenshot 2025-08-18 at 4.10.36 PM.png

 

步驟二

點選「建立」按鈕建立人氣排行榜頁面,最多可建立 5 個頁面。

Screenshot 2025-08-18 at 4.12.00 PM.png

 

步驟三

依照指示進行以下設定。

Screenshot 2026-01-29 at 6.49.31 PM.png

 

1. 商品顯示數量

預設顯示 10 件商品,最多可設定 50 件商品。

Screenshot 2026-02-13 at 7.01.10 PM.png

 

2. 選擇樣式

點擊選擇商品排行樣式,可在預覽區查看實際顯示效果。

*注意:若可顯示商品數量少於 3 件,將不區分樣式,依序由上至下排列顯示。

  • 樣式 1

    Screenshot 2026-01-29 at 6.50.41 PM.png
  • 樣式 2

    Screenshot 2026-01-29 at 6.50.58 PM.png

 

3. 選擇商品

  • 選擇商品:於左側商品列表勾選商品,於右側已選商品列表調整順序、刪除重選,最多選擇 50 件。

    Screenshot 2025-08-18 at 6.27.51 PM.png
  • 選擇分類:勾選您想要展示的商品分類,僅支援分類下前 50 件商品;若要調整商品順序,請至「商品及分類 > 分類」。

    Screenshot 2025-08-18 at 6.30.49 PM.png

 

4. 推薦商品

開啟此項,於商品排行下方顯示顧客最近瀏覽的前 50 件商品。

Screenshot 2026-02-13 at 6.59.55 PM.png

 

步驟四

設定完成後,點選右上角「更新並使用」。

Screenshot 2026-01-29 at 6.52.46 PM.png

 

步驟五

「人氣排行榜」頁面將顯示目前已建立的排行榜,您可以修改設定或刪除。

*注意:若該排行榜已設定於首頁展示,將無法刪除。

Screenshot 2025-08-18 at 6.42.12 PM.png

 

二、設定展示元件

前往 SHOPLINE 後台 >「Shopper App 管理 > App 設計 > 目前版型」,點選「設定」進入 App 頁面編輯器,目前有 3 個元件支援設定精選優惠頁面,您可以根據需要進行設定。

1. 主要分頁

新增自訂分頁,選擇「人氣排行榜」導向頁面。

Screenshot 2026-01-29 at 6.54.03 PM.png

 

2. 側邊欄

  • 頂端區塊

    Screenshot 2025-08-19 at 2.44.59 PM.png

     

  • 中間區塊:新增自訂分組,開啟「跳轉連結」並選擇「人氣排行榜」。

    Screenshot 2025-08-19 at 2.48.02 PM.png

 

3. 底部應用欄

Screenshot 2026-01-29 at 6.56.52 PM.png


 

 

 

 

延伸閱讀

 

 

 

 

 

還有其他問題?提交請求

評論