「精选优惠」页面设定|Shopper App(新)

「精选优惠」页面让顾客浏览商店所有优惠活动,轻松找到适用折扣,或是订阅即将开始的优惠活动。当优惠活动开始时,系统会自动发送推播讯息,提醒顾客前往购买,同时有效提升活动转化率。

您可以自订精选优惠页面所显示的优惠活动,支持设置活动横图、活动标签及展示顺序等。

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

此篇文章将分别介绍:

 

一、设定精选优惠页面

步骤一

前往 SHOPLINE 后台 >「Shopper App 管理 > App 设计」,进入「精选优惠」页签,点击「设定」。

Screenshot 2026-08-10 at 12.44.21 PM.png

 

步骤二

于左侧组件区块点击「活动」,并完成以下设定。支持设定最多 50 个活动。

Screenshot 2026-08-10 at 12.52.13 PM.png

 

1. 优惠活动设定

点击「选择优惠活动」,于弹窗中勾选您想展示的活动,点击「确定」。支持满额满件优惠、免运优惠、任选优惠、回馈活动。

*注意:

  • 精选优惠页面依活动时间,区分为「进行中」及「即将开始」两个活动页面。
  • 若活动已下架、过期或删除,该活动将不会显示。
Screenshot 2026-08-10 at 12.55.23 PM.png

 

2. 活动横幅设定

点击「新增图片」进行上传,建议尺寸为 1053*1053 px,仅支持 PNG / JPG / JPEG / GIF 格式,文件大小不超过 2MB。

Screenshot 2026-08-10 at 1.14.51 PM.png

 

3. 活动标签设定

活动标签将显示于活动横幅左上方,您可以依照需求进行设置。

*注意:页面顶部与按钮将自动套用您于「主题设定 > 色彩设定 > 按钮」所设置的颜色。

Screenshot 2026-08-10 at 1.16.31 PM.png

 

步骤三

点击左侧组件区块「精选优惠」,设置优惠活动的排序方式,您可以选择以下两种。

  • 预设排序:进行中的活动依开始时间由晚到早排序,即将开始的活动则依开始时间由早到晚排序。
  • 自订排序:于左侧组件区拖曳调整活动顺序。

*注意:自订排序仅支持 App 平台版本 v1.21 及以上;若尚未更新,系统将按照预设排序显示。

Screenshot 2026-08-10 at 1.50.50 PM.png

 

步骤四

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

Screenshot 2026-08-04 at 3.34.17 PM.png

 

二、设定展示组件

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

*注意:若您的 Shopper App 平台版本低于 1.13,App 端的侧边栏及主要分页将不会显示「精选优惠」分页,底部应用栏则会跳转至商店首页。

1. 主要分页

新增自订分页,选择「精选优惠」导向页面。

Screenshot 2026-08-10 at 1.56.32 PM.png

 

2. 侧边栏

  • 顶部区块
Screenshot 2026-08-10 at 1.57.52 PM.png

 

  • 中间区块:新增自订分组,开启「跳转链接」并选择「精选优惠」。
Screenshot 2026-08-10 at 2.00.09 PM.png

 

3. 底部应用栏

Screenshot 2026-08-10 at 2.01.31 PM.png

 

4. 会员中心

新增「轮播图」组件,将跳转链接设置为 「精选优惠」。

Screenshot 2026-08-10 at 2.03.04 PM.png

 

三、活动订阅功能

若您希望顾客可以在「精选优惠」页面上订阅活动的话,请先前往 SHOPLINE 后台 >「Shopper App 管理 > App 讯息设定,点选「个人消息 > 促销」页签,启用「优惠活动开始通知」。

若您未启用该通知,App 上将不展示「订阅活动」及「我的订阅」按钮。

截圖 2025-09-30 下午3.21.28.png

*注意:

  • 当顾客设备未开启系统通知:点击「订阅活动」将出现弹窗引导顾客开启通知。
IMG_4027.png
  • 当顾客设备未开启 App 端「设定 > 推播设定 > 活动推播」:点击「订阅活动」将自动开启活动推播并订阅成功。

 

 

 

 

 

 

 

 

 

还有其它问题?提交请求

评论