限时促销元件|Shopper App

将商品正在进行的优惠活动,以限时促销的样式设计展示在 App 上。

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

 

步骤一

前往 SHOPLINE 后台 >「Shopper App 管理 > App 设计 > 目前版型」,点选「设定」进入 App 页面编辑器。

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

 

步骤二

点击「新增元件」,选择「限时促销」元件,拖曳至中间预览区提示可以放置元件的地方。

截圖 2025-09-26 下午3.07.10.png
截圖 2025-09-30 上午11.16.49.png

 

步骤三

在右侧编辑区完成以下设定。

1. 选择样式

  • 样式 1:简约精致的淡色设计。
截圖 2025-09-30 上午11.19.27.png

 

  • 样式 2:营造强烈行销氛围、引人注目的深色设计。
截圖 2025-09-30 上午11.21.21.png

 

2. 选择优惠活动

支援选择满额满件优惠、免运费、任选优惠、回馈活动以及商品限时促销价活动,勾选完成后点选「确定」。限时促销元件会根据活动时间展示不同内容:

  • 活动未开始 - 显示活动开始倒计时
  • 活动进行中 - 显示活动结束倒计时
  • 活动已结束 - 无倒计时效果
截圖 2025-09-30 上午11.23.12.png
截圖 2025-09-30 上午11.25.03.png

 

3. 商品显示数量

设定限时促销元件所展示的商品数量,最多可设定 12 件。

*注意:若设定的商品显示数量 > 3,系统将自动将以一行 3 件商品的样式呈现。

截圖 2025-09-30 上午11.28.31.png

 

4. 显示「看更多」按钮

预设开启,您可以修改按钮显示文字,最少输入一种语言,且每种语言最多输入 20 个字元。

截圖 2025-09-30 上午11.32.09.png

 

5. 文字对齐

设定该元件标题对齐方式。

截圖 2025-09-30 上午11.34.29.png

 

6. 预约上架时间

若您有设定上架日期,限时促销元件将在指定时间于 App 中显示。

截圖 2025-09-30 上午11.36.22.png

 

 

步骤四

完成设定后,可先点击「储存」更新元件;若已完成 App 首页的所有编辑,可点击「更新并使用」发布至 App。

截圖 2025-09-30 上午11.38.55.png

 

 

 

延伸阅读

 

 

 

 

 

 

 

还有其它问题?提交请求

评论