优惠代码元件|Shopper App

将商店正在进行中的优惠活动展示在 App 上,顾客可以透过此元件领取优惠券。

⚠️ 开始前请注意:

  • 此功能在香港地区仅支持 Shopper App Pro 版本。
  • 旧版优惠代码元件已不支援新增,但若您先前已设定并上线于 App 端,仍可正常显示与运作。

 

本篇文章将分别介绍:

 

一、设定优惠代码元件

步骤一

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

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

 

步骤二

点击「添加元件」,选择「优惠代码」元件,拖曳至中间预览区提示可以放置元件的地方。

截圖 2025-09-26 下午3.07.10.png
截圖 2025-09-26 下午3.49.39.png

 

步骤三

于右侧编辑区进行以下设定。

1. 标题

输入精选商品标题,建议输入优惠代码的活动折扣类型,最多 100 个字元。

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

 

2. 预约上架时间

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

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

 

 

二、设定优惠活动

步骤一

于左侧区块新增活动,最多新增 5 个活动;您也可以在此处开启/关闭/删除优惠代码元件。

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

 

步骤二

点选要设定的活动,于右侧编辑区块点选「选择优惠活动」,勾选完成后点选「确定」。

*注意:

  • 请先前往 SHOPLINE 后台 >「促销及分润」建立优惠活动,支援的优惠活动包括:满额满件优惠、免运优惠、任选优惠、回馈活动。
  • 目前支援促销方法为「自动套用优惠」或「使用优惠券」的活动;若您设定的优惠券领取方式为「显示在领券中心」或「透过连结或顾客分群发送」,当顾客尚未领取该优惠券,也可透过此元件领取。
截圖 2025-09-26 下午3.59.24.png
截圖 2025-09-26 下午4.01.03.png

 

步骤三

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

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

 

 

三、App 端显示效果

  • 当活动数量 > 1 时,支援左右滑动查看更多活动。
  • 针对折扣、赠品与免运三种优惠类型,系统将显示不同图示;免运活动样式设计为橘色,其他活动样式设计为红色。
  • 领取型优惠券将显示「领取」按钮,当顾客领取成功后,将更新为「去看看」按钮。
未命名設計.gif

 

 

 

 

 

 

还有其它问题?提交请求

评论