直播悬浮元件｜Shopper App

您需前往「社交电商 > SHOPLINE Live」新增直播或重播，并开启「将直播展示在 Shopper App」功能，App 将以悬浮图标显示直播或重播影片，详细设定说明请参考：SHOPLINE Live｜Shopper App 直播。

⚠️ 开始前请注意：

• Shopper App 平台版本需更新至 v1.16 及以上才可使用此功能，您可以前往「Shopper App 管理 > App 发布设定」查看目前的平台版本号。
• 此功能在香港地区仅支持 Shopper App Pro 版本。

本篇文章将分别介绍：

• 设定直播悬浮元件
• App 端显示效果
• 注意事项

一、设定直播悬浮元件

步骤一

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

步骤二

点选左侧元件库的「直播悬浮元件」进行设定；点选  按钮可开启／关闭悬浮元件。

＊注意：「直播悬浮元件」及「悬浮元件」不可同时开启。

步骤三

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

1. 图片设定

• 预设图片

  

   

• 自订图片：点选「新增图片」上传您想要的图片，支援 PNG/JPEG/JPG/GIF 格式，图片大小不超过 2MB。

  

   

   

2. 直播链接

系统将自动显示您于 SHOPLINE 后台所设定的直播链接。

＊注意：此处直播链接可点选复制，但不支援编辑。

步骤四

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

二、App 端显示效果

• 「直播悬浮元件」将出现于 App 右下方：

  • 直播进行中，将显示「直播中」字样。
  • 直播重播中，将显示「重播」字样。

  

   

• 观看直播时，可点选右上角按钮缩小直播视窗，缩小后的视窗可拖曳移动。

  

   

• 观看直播时，可点选商品按钮查看直播贩售商品、加入购物车、前往结帐页面。更多直播介面功能，请参考：SHOPLINE Live｜直播介面及成效说明。

  

三、注意事项

• 顾客需先注册并登入帐号，方可在直播中评论或加购商品。
• 顾客透过直播建立的购物车，与普通购物车是独立分开的，不会相互同步商品，另有相关规则如下：
  • 顾客于直播购物车点击「前往结帐」前，于 App 加购其他商品，不会加入直播购物车，将加入普通购物车。
  • 顾客点击于直播购物车点击「前往结帐」后，于 App 加购其他商品，会加入直播购物车。
• 直播购物车暂未支援「锁定直播/贴文销售商品」功能。
• 若直播有开启「保留库存」设定，Shopper App 原生购物车暂不支援提示库存保留截止时间。