活動倒數｜頁面編輯器（新版）

透過新版編輯器新增或編輯進階分頁時，您可以在公告欄或內文增加「活動倒數」元件，用醒目的倒數計時器提醒顧客活動即將開始或即將截止，還可以設計按鈕並建立活動的超連結，帶給顧客期待感並加深印象。

⚠️ 開始前請注意：

• 新版頁面編輯器目前僅支援 Ultra Chic、Kingsman、Varm、Philia 版型使用。
• 使用新頁面編輯器建立分頁後，若切換其他店面版型，該分頁仍然可以顯示，但無法編輯且可能發生跑版情形，在確認發佈分頁前請多加留意。

本文將介紹：

• 新增活動倒數元件
• 注意事項

 

一、新增活動倒數元件

步驟一

前往「商店後台 > 網店設計 > 網店分頁」點按「進階分頁／編輯」按鈕，開啟「進階分頁」設定頁面。

步驟二

1. 於公告欄新增活動倒數元件

點按「公告欄」按鈕。

點按「活動倒數」按鈕即可新增活動倒數元件。

2. 於內文新增活動倒數元件

點按「元件」按鈕。

點按擴充功能的「活動倒數」元件。

步驟三

左側編輯欄可以設定活動倒數的相關內容，請先在「活動期間」區塊設定活動的開始與結束時間，並點按下方的「儲存」按鈕，元件才會出現在右側預覽畫面。

＊注意：

• 若您尚未設定活動期間，活動倒數元件無法出現在右側預覽畫面。
• Varm 主題的活動倒數元件有不同的設計。
  
  

步驟四

點按「倒數開始」可設定活動開始前所顯示前的標題、內容及按鈕。

• 標題：設定即將開始的活動標題
• 內容：設定即將開始的活動內文
• 展示按鈕：開啟／關閉可控制露出或隱藏按鈕
• 按鈕文字：設定按鈕的文字內容。
• 連結：可貼上活動網址。顧客點按活動按鈕後可連接至此網址
• 連結開啟方式：可選擇於當前分頁或新的分頁開啟活動網址
  

步驟五

點按「倒數結束」可設定活動進行中所顯示前的標題、內容及按鈕。

• 標題：設定進行中的活動標題
• 內容：設定進行中的活動內文
• 展示按鈕：開啟／關閉可控制露出或隱藏按鈕
• 按鈕文字：設定按鈕的文字內容
• 連結：可貼上活動網址。顧客點按活動按鈕後可連接至此網址
• 連結開啟方式：可選擇於當前分頁或新的分頁開啟活動網址

 

步驟六

設定元件間距以及文字對齊的格式（左／中／右）。

步驟七

調整元件顏色相關設定。開啟／關閉開關可以設定是否自訂元件的顏色。若開啟開關，您可自訂以下部分的顏色：背景、文字、超連結、按鈕、按鈕文字。

步驟八

在設定過程中可點按下方「儲存」按鈕，於右側預覽畫面查看新增活動倒數的元件。
＊備註：可選擇查看桌機版或手機版的預覽畫面。



或是點按右上方「預覽商店」，查看完整的前台預覽畫面。

步驟九

確認完成上述設定後，請點按右上角「發佈」按鈕，讓顧客在商店前台可查看此分頁所有新增的內容。

 

二、注意事項

• 活動時間會提示為 GMT+N。 
• 不管您目前身處在哪個時區，於設定活動倒數元件時，顯示的時間仍然是您的網店地區的時間。
• 活動時間為絕對時間，無論顧客在哪個時區，活動倒數的剩餘的時間皆為您的網店地區的時間 - 結束時間。
  
  例如：您的網店時區為 GMT+8，而活動結束時間為 GMT+8 12/25 12:00。
  
  • 顧客 A 身處時區為 GMT+8 （與您的網店同時區），在 GMT+8 12/25 09:00 時，A 看到的活動倒數剩餘時間為 12 - 9 = 3 小時。
    
  • 顧客 B 身處時區為 GMT +9 （早您的網店 1 小時），在GMT+9 12/25 10:00（等同於 GMT+8 12/25 09:00）時，B 看到的活動倒數剩餘時間仍然是 12 - 9 = 3 小時。

 

延伸閱讀

• 圖片組合元件｜頁面編輯器（新版）
• 圖文組合元件｜頁面編輯器（新版）
• 折疊段落｜頁面編輯器（新版）