SHOP Builder 促購元件

1. EC.png

您可以透過「SHOP Builder 促購元件」擴充功能建立銷售活動,為特定商品設定銷售的目標金額及數量,彈性排版展示於網店前台,吸引顧客下單。

 

以下將分別介紹:

 

一、安裝擴充功能

步驟一

前往 SHOPLINE 後台 >「擴充功能 > 擴充功能商店」,下拉篩選功能表單,勾選「網店設計」。

Screenshot 2025-03-27 at 1.16.51 PM.png

 

步驟二

找到「SHOP Builder 促購元件」,點選「立刻安裝」按鈕。更多安裝擴充功能的詳細說明,請參考:擴充功能商店

Screenshot 2025-05-13 at 4.24.37 PM.png

 

步驟三

進行相關權限授權,點選「立刻安裝和授權」即可安裝完成。

Screenshot 2025-05-13 at 4.25.45 PM.png

 

二、新增銷售活動

步驟一

前往 SHOPLINE 後台 >「擴充功能 > 我的擴充功能」,找到「SHOP Builder 促購元件」並點選「打開擴充功能」。

Screenshot 2025-05-13 at 5.09.36 PM.png

 

步驟二

點選「新增」按鈕。

*注意:最多可建立 40 檔銷售活動。

Screenshot 2025-03-14 at 3.50.38 PM.png

 

步驟三

依照指示完成以下設定項目。

Screenshot 2025-10-08 at 5.31.55 PM.png

1. 活動名稱

僅供內部管理使用,字數上限為 30 個字元。

 

2. 目標金額

設定銷售活動的目標金額;若您未輸入,系統將自動填寫為 0。

 

3. 選擇商品

點選「選擇目標商品」按鈕,您可以使用商品名稱或標籤搜尋,最多可選 10 件商品(包含組合商品)。

*注意:活動開始後無法編輯所選商品。

Screenshot 2025-03-14 at 5.50.29 PM copy.png

 

新增完成後,可在活動頁面查看所選商品,拖曳商品前方Screenshot 2025-03-14 at 6.38.10 PM.png按鈕調整前台展示順序。

News Cover (9).gif

 

4. 活動時間

以小時為單位,最長可設定 180 天,設定限制如下:

  • 活動開始前,可重新編輯開始時間及結束時間。
  • 活動開始後,僅能編輯結束時間。
  • 活動結束後,無法編輯開始時間及結束時間。

 

5. 歷史銷量

系統支援輸入商品歷史銷量,作為活動起始時的金額及數量,如不需累積歷史銷量,請輸入 0 或留空。

 

步驟四

設定完成後,點選頁尾「儲存」按鈕。

Screenshot 2025-10-08 at 6.05.11 PM.png

 

步驟五

您可以於銷售活動列表頁查看、編輯、刪除既有活動。

*注意:

  • 編輯活動後,系統需要 3-5 分鐘的作業時間更新於前台。
  • 活動一但刪除後將無法復原。

Screenshot 2025-03-14 at 5.57.34 PM.png

 

三、於前台展示銷售活動

步驟一

活動建立後,前往「網店設計 > 網店分頁」,選擇「新增分頁 > 進階分頁」或點選既有分頁旁的「編輯」。

*注意:僅支援編輯有標示 截圖 2024-12-03 18.03.26.png 的進階分頁。

Screenshot 2025-03-17 at 5.07.25 PM.png

 

步驟二

點選「+ 元件」新增元件。

Screenshot 2025-03-17 at 5.13.56 PM.png

 

步驟三

找到擴充功能欄位,選擇「銷售組合」或「活動商品」元件,以下將分別介紹。

Screenshot 2025-03-17 at 5.45.23 PM.png

 

1. 銷售組合元件

點選「+銷售活動」。

Screenshot 2025-03-27 at 5.21.12 PM.png

 

選擇想要展示的銷售活動,設定標題及內容,點選「儲存」將於右側顯示套用效果。

您可以自由組合商品、圖片、文字、影片組件,詳細步驟請參考:銷售組合元件|SHOP Builder

Screenshot 2025-11-03 at 5.32.37 PM.png

 

銷售活動組件所展示的內容請參考下方表格:

組件標題及內容 銷售活動組件設定展示。
目標金額 銷售活動設定展示,若目標金額為 0 則不展示。
累積金額百分比/進度條
  • 百分比 =(累積金額 / 目標金額)* 100,四捨五入取至整數位;若超過 100% 仍會顯示實際數字。
  • 若目標金額為 0 則不展示。
倒數時間
  • 若有設定活動時間,倒數時間 =(結束時間 - 當前時間),依照以下規則展示:
    • 距離活動結束時間 ≥ 3天,展示天數
    • 距離活動結束時間 < 3天,展示小時
    • 距離活動結束時間 < 1 小時,展示分鐘
    • 已達活動結束時間,展示「活動結束」
  • 若未設定活動時間則不展示。
累積金額
  • 若有選擇活動商品,累積金額 = 活動累積金額 + 歷史銷售金額,於活動開始後展示。
  • 若未選擇活動商品,則展示歷史銷售金額。
  • 點選Screenshot 2025-11-03 at 5.35.52 PM.png圖示可查看歷史金額及該期活動金額。
累積銷量
  • 若有選擇活動商品,累積銷量 = 活動累積銷量 + 歷史銷售數量,於活動開始後展示。
  • 若未選擇活動商品,則展示歷史銷售數量。
  • 點選Screenshot 2025-11-03 at 5.35.52 PM.png圖示可查看歷史銷量及該期活動銷量。

 

*注意:

  • 累積金額、累積銷量數據每 30 分鐘更新一次。
  • 若您卸載此擴充功能, 前台將不會展示銷售活動組件,活動成效也將停止計算。
  • 若銷售活動組件沒有設定活動或活動已刪除,前台將展示預設畫面。
    Screenshot 2025-11-03 at 5.28.04 PM.png

 

2. 活動商品元件

點選「活動商品」。

Screenshot 2025-03-17 at 6.23.06 PM.png

 

選擇想要展示的銷售活動,設定標題,點選「儲存」將於右側顯示套用效果。

Screenshot 2025-05-13 at 5.07.55 PM.png

 

接續下列七項設定,請參考下方表格:

產品圖比例

支援設定 3:4 / 2:1 / 1:1 商品圖比例。

Screenshot 2025-03-19 at 3.32.42 PM.png

商品欄數(桌機)

支援設定 1 至 4 個商品數量;手機端固定為 1 個。

Screenshot 2025-03-18 at 3.19.37 PM.png

邊距

支援調整元件上下、四周邊距,數值自 1 至 30 px。

Screenshot 2025-03-18 at 3.24.32 PM.png

顯示剩餘庫存

選擇是否顯示剩餘庫存(不含預購上限數量);預設為開啟,即顯示剩餘庫存。

*注意:

  • 無限庫存、負數庫存、組合商品皆不展示剩餘庫存。
  • 有規格商品將加總各規格的現貨庫存,建議關閉「缺貨可接單」、「預購上限」、「在前台顯示『低庫存』提示」功能,避免庫存數量有誤。
  • 剩餘庫存每 3 分鐘更新一次。

Screenshot 2025-03-18 at 3.20.07 PM.png

Screenshot 2025-03-18 at 3.41.54 PM.png

顯示活動銷量

選擇是否要顯示活動銷量;預設為開啟,即顯示活動銷量。

*注意:

  • 當活動銷量大於 0 才會展示銷量標籤。
  • 有規格商品將加總各規格的活動銷量。
  • 活動銷量每 30 分鐘更新一次。

Screenshot 2025-03-18 at 3.20.27 PM.png

Screenshot 2025-03-18 at 3.42.04 PM.png

顯示商品摘要

選擇是否顯示商品摘要,最多顯示 9 行;預設為開啟,即顯示商品摘要。

顯示商品摘要.png

顯示隱藏商品

選擇是否顯示隱藏商品;預設為關閉,即不顯示隱藏商品。

顯示隱藏商品.png

 

步驟四

儲存設定後,建議「預覽商店」確認是否無誤,再點選「發佈」。

截圖 2024-12-04 11.19.56.png

 

四、注意事項

  • SHOP Builder 目前僅支援 Ultra Chic、Kingsman、Varm、Philia 版型使用。
  • 若您有開啟 Layout engine 編輯器,請參考以下說明文件調整代碼,或與線上顧問聯絡。
  • 管理員需要有「擴充功能」權限,才能進入 SHOP Builder 促購元件擴充功能查看與編輯。店長可以前往「設定 > 管理員及安全設定」開啟權限。
    Screenshot 2024-09-30 at 5.29.46 PM.png

 

 

 

 

 

還有其他問題?提交請求

評論