[即將推出] 「精選優惠」頁面設定|Shopper App(新)

4. EC + SC.png
品牌會員購物 App.png

「精選優惠」頁面讓顧客瀏覽商店所有優惠活動,輕鬆找到適用折扣,或是訂閱即將開始的優惠活動。當優惠活動開始時,系統會自動發送推播訊息,提醒顧客前往購買,同時有效提升活動轉換率。

您可以自訂精選優惠頁面所顯示的優惠活動,支援設定活動橫圖、活動標籤及展示順序等。

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

此篇文章將分別介紹:

 

一、設定精選優惠頁面

步驟一

前往 SHOPLINE 後台 >「Shopper App 管理 > App 設計」,點選「精選優惠」頁籤。

Screenshot 2026-07-10 at 12.37.02 AM.png

 

步驟二

於左側元件區塊點選「活動」,並完成以下設定。支援設定最多 50 個活動。

Screenshot 2026-07-10 at 12.58.20 AM.png

 

1. 優惠活動設定

點選「選擇優惠活動」,於彈窗中勾選您想展示的活動,點選「確定」。支援滿額滿件優惠、免運優惠、任選優惠、回饋活動。

*注意:

  • 精選優惠頁面依活動時間,區分為「進行中」及「即將開始」兩個活動頁面。
  • 若活動已下架、過期或刪除,該活動將不會顯示。
Screenshot 2026-07-10 at 1.02.30 AM.png

 

2. 活動橫幅設定

點選「新增圖片」進行上傳,建議尺寸為 1053*1053 px,僅支援 PNG / JPG / JPEG /GIF 格式,檔案大小不超過 2MB。

Screenshot 2026-07-10 at 1.07.16 AM.png

 

3. 活動標籤設定

活動標籤將顯示於活動橫幅左上方,您可以依照需求進行設定。

*注意:頁面頂部與按鈕將自動套用您於「主題設定 > 色彩設定 > 按鈕」所設定的顏色。

Screenshot 2026-07-10 at 1.08.33 AM.png

 

步驟三

點選左側元件區塊「精選優惠」,設定優惠活動的排序方式,您可以選擇以下兩種。

  • 預設排序:進行中的活動依開始時間由晚到早排序,即將開始的活動則依開始時間由早到晚排序。
  • 自訂排序:於左側元件區拖曳調整活動順序。

*注意:自訂排序僅支援 App 平台版本 v1.21 及以上;若尚未更新,系統將按照預設排序顯示。

Screenshot 2026-07-10 at 1.13.18 AM.png

 

步驟四

設定完成後,點選右上角「更新並使用」。

Screenshot 2026-01-29 at 6.52.46 PM.png

 

二、設定展示元件

前往 SHOPLINE 後台 >「Shopper App 管理 > App 設計 > 目前版型」,點選「設定」進入 App 頁面編輯器,目前有 3 個元件支援設定精選優惠頁面,您可以根據需要進行設定。

*注意:若您的 Shopper App 平台版本低於 1.13,App 端的側邊欄及主要分頁將不會顯示「精選優惠」分頁,底部應用欄則會跳轉至商店首頁。

1. 主要分頁

新增自訂分頁,選擇「精選優惠」導向頁面。

Screenshot 2025-03-12 at 1.24.13 PM.png

 

2. 側邊欄

  • 頂端區塊

Screenshot 2025-03-12 at 1.15.19 PM.png

  • 中間區塊:新增自訂分組,開啟「跳轉連結」並選擇「精選優惠」。

Screenshot 2025-03-12 at 1.20.03 PM.png

 

3. 底部應用欄

Screenshot 2026-07-10 at 1.24.45 AM.png

 

4. 會員中心

新增「輪播圖」元件,將跳轉連結設定為 「精選優惠」。

Screenshot 2026-07-10 at 1.27.35 AM.png

 

三、活動訂閱功能

若您希望顧客可以在「精選優惠」頁面上訂閱活動的話,請先前往 SHOPLINE 後台 >「Shopper App 管理 > App 訊息設定」,點選「個人訊息 > 促銷」頁籤,啟用「優惠活動開始通知」。

若您未啟用該通知,App 上將不展示「訂閱活動」及「我的訂閱」按鈕。

Screenshot 2025-05-29 at 11.07.28 AM.png

*注意:

  • 當顧客設備未開啟系統通知:點擊「訂閱活動」將出現彈窗引導顧客開啟通知。
    IMG_6571.PNG
  • 當顧客設備未開啟 App 端「設定 > 推播設定 > 活動推播」:點擊「訂閱活動」將自動開啟活動推播並訂閱成功。

 

 

 

 

 

 

 

 

還有其他問題?提交請求

評論