优惠活动元件｜Shopper App

您可以通过添加优惠活动物件，展示优惠活动信息，顾客打开 App 点击活动即可浏览。最多支持添加 10 个优惠活动物件，每个物件内最多展示 10 个活动。

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

 

以下文章将分别介绍：

• 添加优惠活动元件
• 优惠活动元件展示效果

 

一、添加优惠活动元件

步骤一

前往商店后台 > 「Shopper App 管理 > App 设计 > 目前版型 > Simple 版型」并点击「设定」按钮，进入页面设置优惠活动元件。

 

步骤二

点击左栏「⊕ 添加元件」按钮（页面内共两处，详见下图）。

 

步骤三

选择「行销元件」内的「优惠活动」，拖曳至中间预览区提示「将元件放置到此处」的蓝底区，待预览区出现「确认放置」即可添加成功。

 

步骤四

编辑优惠活动元件内容，可选择「一行一个」或「一行两个」（即一行展示ㄧ个或两个优惠活动），并依您的需求设置「预约上架时间」。

 

步骤五

点击左侧元件区已默认好的活动栏，页面右侧会出现相对应的设置项目让您编辑内容。

 

步骤六

点击「⊕ 添加图片」。建议图片尺寸为 700 px x 350 px，且图片大小不超过 2M。

 

 

步骤七

设置活动图片的「跳转链接」，可选择「指定分类」、「优惠活动」或「自定 URL」。

• 系统默认为「优惠活动」。点击「⊕ 选择优惠活动」后，会展示一弹跳视窗，可按照您的需求选择活动，完成后点击「确定」即可。
  
   
• 若您点击「指定分类」，请点击「⊕ 选择商品分类」，于弹跳视窗里选择相应的分类后，点击「确定」。
  
   
• 若您点击「自定 URL」，请于下方栏位中输入以「https://」或「http://」这两种开头的链接。
  

 

步骤八

输入「活动名称」。当前名称将展示于活动图片的下方。

 

步骤九

若单一优惠元件需要添加多张图片，可点击左侧元件区优惠活动元件下的「⊕ 添加活动（X/10）」。

 

步骤十

如您需移动元件位置或删除元件，可于左侧元件列表区、中间预览区或右侧编辑区底部（如图里标示的 1 至 3）进行相关的操作。

 

步骤十一

完成设置后，可先点击「储存」储存元件变更；若您已完成 App 首页的所有编辑，请点击「更新并使用」。

 

二、优惠活动元件展示效果

一行一个优惠活动

单个优惠活动元件里若包含超过 1 张以上的图片，会直接按照顺序往下排列。

 

 

一行两个优惠活动

单个优惠活动元件里若包含超过 2 张以上的图片，会直接往下排列，并建议活动设置为双数。