「人气排行榜」页面设定|Shopper App

您可以透过「人气排行榜」页面,将商店热销或需要推广的商品,以商品排行榜的形式呈现在 App 上,有效提升顾客购买意愿。

⚠️ 开始前请注意:此功能在香港地区仅支持 Shopper App Pro 版本。

 

此篇文章将分别介绍:

 

一、建立人气排行榜

步骤一

前往 SHOPLINE 后台 >「Shopper App 管理 > App 设计」,点选「人气排行榜」页签。

截圖 2025-09-26 下午2.01.11.png

 

步骤二

点选「创建」按钮建立人气排行榜页面,最多可建立 5 个页面。

截圖 2025-09-26 下午2.04.33.png

 

步骤三

依照指示进行以下设定。

截圖 2026-02-02 上午11.10.30.png

 

1. 商品显示数量

默认展示 10 件商品,最多可设定 50 件商品。

截圖 2026-03-09 下午3.23.12.png

 

2. 选择样式

点击选择商品排行样式,可在预览区查看实际展示效果。

*注意:若可展示商品数量少于 3 件,将不区分样式,依序由上至下排列展示。

  • 样式 1
截圖 2026-02-02 上午11.15.21.png
  • 样式 2
截圖 2026-02-02 上午11.17.14.png

 

3. 选择商品

  • 选择商品:于左侧商品列表勾选商品,于右侧已选商品列表调整顺序、删除重选,最多选择 50 件。
截圖 2025-09-26 下午2.17.17.png
  • 选择分类:勾选您想要展示的商品分类,仅支持分类下前 50 件商品;若要调整商品顺序,请至「商品及分类 > 分类」。
截圖 2025-09-26 下午2.19.15.png

 

4. 推荐商品

开启此项,于商品排行下方展示顾客最近浏览的前 50 件商品。

截圖 2026-03-09 下午3.24.59.png

 

步骤四

设定完成后,点选右上角「更新并使用」。

截圖 2026-02-02 上午11.19.38.png

 

步骤五

「人气排行榜」页面将展示目前已建立的排行榜,您可以修改设定或删除。

*注意:若该排行榜已设定于首页展示,将无法删除。

截圖 2025-09-26 下午2.22.18.png

 

 

二、设定展示元件

前往 SHOPLINE 后台 >「Shopper App 管理 > App 设计 > 目前版型」,点选「设定」进入 App 页面编辑器,目前有 3 个元件支持设定精选优惠页面,您可以根据需要进行设定。

1. 主要分页

新增自订分页,选择「人气排行榜」导向页面。

截圖 2026-02-02 上午11.47.01.png

 

2. 侧边栏

  • 顶端区块
截圖 2026-03-09 下午3.31.51.png

 

  • 中间区块:新增自订分组,开启「跳转链接」并选择「人气排行榜」。
截圖 2026-03-09 下午3.34.59.png

 

3. 底部应用栏

截圖 2026-03-09 下午3.28.39.png

 

 

 

延伸阅读

 

 

 

 

还有其它问题?提交请求

评论