跳到內容
安裝應用程式
繁體中文

倒數計時器

在選單中加入倒數計時器,用於限時特賣、新品上市和節日截止日期。

參考資料 Growth Navigation · Pro Navigation 1 分鐘閱讀

即時倒數至您設定日期的計時器(天、時、分、秒),附有標題與副標題。用它為限時特賣、新品發售或節日寄送截止日期營造緊迫感。

新增區塊

  1. 選擇版面

    在預覽的大型選單面板中,點擊 Add block(新增區塊)。點擊 Countdown(倒數計時器),將游標移到某個版面上,然後點擊 Select(選擇)。

    (1) 點擊 Countdown,(2) 選擇版面。
  2. 設定文字

    點擊預覽中的倒數計時器以開啟 Edit Item(編輯項目)。在 General(一般)下設定 Title(標題)、Subheading(副標題)、選填的 Link(連結)以及 Width(寬度)。

    (1) 點擊預覽中的倒數計時器,(2) 設定 Width。
  3. 設定結束時間

    在 Countdown 區段中,設定 End date(結束日期)、End time(結束時間)和 When the countdown ends(倒數結束時)。

    End date、End time 與 When the countdown ends
  4. 儲存並發佈

    如有需要,可在 Styles(樣式)下調整外觀,然後點擊 Save(儲存)和 Publish(發佈)。

版面

Countdown standard(標準倒數計時器)
標題與副標題置中,下方是大型計時器。
Countdown balanced(平衡倒數計時器)
標題在左,計時器在右。
Countdown inline(單行倒數計時器)
標題在左,右側是精簡的單行計時器。

設定

一般

Title(標題)
主要的一行文字,例如「Hurry up!」。
Subheading(副標題)
標題下方的一行文字,例如「Offer ends soon」。
Link
區塊連結的網頁(選填)。
Width(寬度)
區塊佔大型選單一列的比例:Auto(自動)或 8.33% 到 100%。

倒數計時器

End date / End time(結束日期 / 結束時間)
計時器歸零的時間,以您商店的時區為準(顯示在日期下方)。結束時間必須在未來。
When the countdown ends(倒數結束時)預設: Hide the block
Hide the block(隱藏區塊)會將它從選單中移除。Keep showing zeros(持續顯示零)會保留區塊並全部顯示為零。Show a message(顯示訊息)會顯示您在 Message when ended(結束時的訊息)中輸入的文字,例如「This offer has ended」。

樣式

Layout(版面)預設: 您選擇的版面
Standard(標準)、Inline(單行)或 Balanced(平衡)。變更版面會將您自訂的大小與顏色重設為該版面的預設值,因此請先選擇版面。
Background color(背景顏色)預設: 透明
區塊的背景。
Title size and color(標題大小與顏色)預設: 28 / 24 / 18 px · #202223
大小(8 到 96 px)與顏色。預設值依序對應 Standard / Balanced / Inline。
Subheading size and color(副標題大小與顏色)預設: 16 / 16 / 14 px · #6D7175
副標題的大小與顏色。
Timer size and color(計時器大小與顏色)預設: 40 / 32 / 20 px · #202223
數字的大小與顏色。
Legend size and color(圖例大小與顏色)預設: 14 px · #6D7175
數字下方的「Days」、「Hrs」等標籤。

點擊 Clear settings(清除設定)即可恢復預設值。Visibility(顯示設定)的用法和其他區塊相同,請參閱每個區塊都有的設定。

提示

  • Standard 需要能容納四組大型數字的空間。在 25% 以下的欄位中,請調低 Timer size(計時器大小),或將 Width 設為 33.33% 以上。
  • 計時器會倒數至一個固定日期,不會重新開始。若有新的特賣活動,請設定新的 End date。
  • 若只想在特賣期間顯示區塊,也請使用 Visibility > Schedule publishing(排程發佈)。
  • 將它與優惠碼搭配使用,讓顧客在計時器旁就能取得折扣碼。

這個頁面有幫助嗎?

回報問題