限時促銷元件|Shopper App

4. EC + SC.png
12. 品牌會員購物 App (1).png

將商品正在進行的優惠活動,以限時促銷的樣式設計展示在 App 上。

⚠️ 開始前請注意:此功能於香港地區僅支援 Shopper App Pro 版本。

 

步驟一

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

Screenshot 2025-08-20 at 3.04.37 PM.png

 

步驟二

點擊「新增元件」,選擇「限時促銷」元件,拖曳至中間預覽區提示可以放置元件的地方。

Screenshot 2025-08-25 at 4.35.11 PM.png
Screenshot 2025-08-27 at 3.15.21 PM copy 2.png

 

步驟三

在右側編輯區完成以下設定。

1. 選擇樣式

  • 樣式 1:簡約精緻的淡色設計。

    Screenshot 2025-08-28 at 1.21.57 PM.png
  • 樣式 2:營造強烈行銷氛圍、引人注目的深色設計。

    Screenshot 2025-08-28 at 1.22.18 PM.png

 

2. 選擇優惠活動

支援選擇滿額滿件優惠、免運費、任選優惠、回饋活動以及商品限時促銷價活動,勾選完成後點選「確定」。限時促銷元件會根據活動時間展示不同內容:

  • 活動未開始 - 顯示活動開始倒計時
  • 活動進行中 - 顯示活動結束倒計時
  • 活動已結束 - 無倒計時效果
Screenshot 2025-08-29 at 1.38.24 AM.png
Screenshot 2025-08-28 at 11.01.51 AM.png

 

3. 商品顯示數量

設定限時促銷元件所展示的商品數量,最多可設定 12 件。

*注意:若設定的商品顯示數量 > 3,系統將自動將以一行 3 件商品的樣式呈現。

Screenshot 2025-08-29 at 1.41.21 AM.png

 

4. 顯示「看更多」按鈕

預設開啟,您可以修改按鈕顯示文字,最少輸入一種語言,且每種語言最多輸入 20 個字元。

Screenshot 2025-08-29 at 1.42.29 AM.png

 

5. 文字對齊

設定該元件標題對齊方式。

Screenshot 2025-08-29 at 1.53.27 AM.png

 

6. 預約上架時間

若您有設定上架日期,限時促銷元件將在指定時間於 App 中顯示。

Screenshot 2024-10-24 at 12.06.30 PM.png

 

步驟四

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

Screenshot 2025-08-29 at 1.56.15 AM.png

 

 

 

延伸閱讀

 

 

 

 

還有其他問題?提交請求

評論