悬浮元件不占用首页主要版面空间，您可透过此元件展示热卖商品、优惠活动来吸引顾客点击。
⚠️ 开始前请注意：此功能在香港地区仅支持 Shopper App Pro 版本。
本篇文章将分别介绍：
一、设定悬浮元件
步骤一
前往 SHOPLINE 后台 >「Shopper App 管理 > App 设计 > 目前版型」，点选「设定」进入 App 页面编辑器。
步骤二
点选左侧元件库的「悬浮元件」进行设定；点选 按钮可开启／关闭悬浮元件。
步骤三
于右侧编辑区进行以下设定。
1. 图片设定
- 预设图片：点选「选择图片」并在预设图片库中选择您想要的图片，点选「确定」。
- 自订图片：点选「新增图片」上传您想要的图片，支援 PNG/JPEG/JPG/GIF 格式，图片大小不超过 2MB。
2. 导向页面
支援设定 6 种导向页面：精选优惠、优惠活动、指定分类、人气排行榜、门市资讯、自订 URL。
＊注意：
- 对应的导向页面需建立有效内容才可选择，例如：若您选择「精选优惠」，需在商店建立有效的优惠活动；若您选择「门市资讯」，需在商店建立可显示于前台的门市资讯。
- 勾选「自订 URL」，请于栏位内输入以「https://」或「http://」开头的有效连结。
3. 预约上架时间
若您有设定上架日期，悬浮元件将在指定时间于 App 中显示。
步骤四
完成设定后，点击「储存」更新元件。若已完成 App 首页的所有编辑，可点击「更新并使用」发布至 App。
二、App 端显示效果
- 悬浮元件预设显示在 App 右下角，顾客可沿右侧上下拖曳调整位置。
- 点击悬浮元件右上角的「X」关闭，当天将不再显示；若顾客关闭后重新开启 App，悬浮元件会再次出现。
- 当顾客滑动页面时，悬浮元件会自动隐藏，待页面停止滑动后恢复显示。
评论