直播懸浮元件|Shopper App

4. EC + SC.png
Screenshot 2025-11-20 at 6.30.02 PM.png

您需前往「社交電商 > SHOPLINE Live」新增直播或重播,並開啟「將直播展示在 Shopper App」功能,App 將以懸浮圖標顯示直播或重播影片,詳細設定說明請參考:SHOPLINE Live|Shopper App 直播

⚠️ 開始前請注意:

  • Shopper App 平台版本需更新至 v1.16 及以上才可使用此功能,您可以前往「Shopper App 管理 > App 發佈設定」查看目前的平台版本號。
  • 此功能於香港地區僅支援 Shopper App Pro 版本。

 

本篇文章將分別介紹:

 

一、設定直播懸浮元件

步驟一

前往 SHOPLINE 後台 >「Shopper App 管理 > App 設計 > 目前版型」,點選「設定」進入 App 頁面編輯器。

Screenshot 2025-08-20 at 3.04.37 PM.png

 

步驟二

點選左側元件庫的「直播懸浮元件」進行設定;點選 Screenshot 2025-08-22 at 5.40.42 PM.png 按鈕可開啟/關閉懸浮元件。

*注意:「直播懸浮元件」及「懸浮元件」不可同時開啟。

Screenshot 2025-11-18 at 4.31.54 PM.png

 

步驟三

於右側編輯區進行以下設定。

1. 圖片設定

  • 預設圖片
Screenshot 2025-11-19 at 2.05.29 PM.png

 

  • 自訂圖片:點選「新增圖片」上傳您想要的圖片,支援 PNG/JPEG/JPG/GIF 格式,圖片大小不超過 2MB。
Screenshot 2025-11-19 at 2.07.41 PM.png

 

2. 直播連結

系統將自動顯示您於 SHOPLINE 後台所設定的直播連結

*注意:此處直播連結可點選複製,但不支援編輯。

Screenshot 2025-11-19 at 2.18.16 PM.png

 

步驟四

完成設定後,點擊「儲存」更新元件。若已完成 App 首頁的所有編輯,可點擊「更新並使用」發佈至 App。

Screenshot 2025-11-20 at 2.46.25 PM.png

 

二、App 端顯示效果

  • 「直播懸浮元件」將出現於 App 右下方:
    • 直播進行中,將顯示「直播中」字樣。
    • 直播重播中,將顯示「重播」字樣。
Screenshot 2025-11-21 at 12.32.50 AM.png

 

  • 觀看直播時,可點選右上角按鈕縮小直播視窗,縮小後的視窗可拖曳移動。
Screenshot 2025-11-21 at 12.33.00 AM.png

 

Screenshot 2025-11-21 at 12.31.27 AM.png

 

三、注意事項

  • 顧客需先註冊並登入帳號,方可在直播中評論或加購商品。
  • 顧客透過直播建立的購物車,與普通購物車是獨立分開的,不會相互同步商品,另有相關規則如下:
    • 顧客於直播購物車點擊「前往結帳」,於 App 加購其他商品,不會加入直播購物車,將加入普通購物車。
    • 顧客點擊於直播購物車點擊「前往結帳」,於 App 加購其他商品,加入直播購物車。
  • 直播購物車暫未支援「鎖定直播/貼文銷售商品」功能。
  • 若直播有開啟「保留庫存」設定,Shopper App 原生購物車暫不支援提示庫存保留截止時間。
     

 

 

 

 

 

還有其他問題?提交請求

評論