懸浮元件不佔用首頁主要版面空間，您可透過此元件展示熱賣商品、優惠活動來吸引顧客點擊。
⚠️ 開始前請注意：此功能於香港地區僅支援 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，懸浮元件會再次出現。
- 當顧客滑動頁面時，懸浮元件會自動隱藏，待頁面停止滑動後恢復顯示。
評論