即時倒數至您設定日期的計時器(天、時、分、秒),附有標題與副標題。用它為限時特賣、新品發售或節日寄送截止日期營造緊迫感。
新增區塊
-
選擇版面
在預覽的大型選單面板中,點擊 Add block(新增區塊)。點擊 Countdown(倒數計時器),將游標移到某個版面上,然後點擊 Select(選擇)。
(1) 點擊 Countdown,(2) 選擇版面。 -
設定文字
點擊預覽中的倒數計時器以開啟 Edit Item(編輯項目)。在 General(一般)下設定 Title(標題)、Subheading(副標題)、選填的 Link(連結)以及 Width(寬度)。
(1) 點擊預覽中的倒數計時器,(2) 設定 Width。 -
設定結束時間
在 Countdown 區段中,設定 End date(結束日期)、End time(結束時間)和 When the countdown ends(倒數結束時)。
End date、End time 與 When the countdown ends -
儲存並發佈
如有需要,可在 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(隱藏區塊)會將它從選單中移除。Keep showing zeros(持續顯示零)會保留區塊並全部顯示為零。Show a message(顯示訊息)會顯示您在 Message when ended(結束時的訊息)中輸入的文字,例如「This offer has ended」。
樣式
- Layout(版面)
- Standard(標準)、Inline(單行)或 Balanced(平衡)。變更版面會將您自訂的大小與顏色重設為該版面的預設值,因此請先選擇版面。
- Background color(背景顏色)
- 區塊的背景。
- Title size and color(標題大小與顏色)
- 大小(8 到 96 px)與顏色。預設值依序對應 Standard / Balanced / Inline。
- Subheading size and color(副標題大小與顏色)
- 副標題的大小與顏色。
- Timer size and color(計時器大小與顏色)
- 數字的大小與顏色。
- Legend size and color(圖例大小與顏色)
- 數字下方的「Days」、「Hrs」等標籤。
點擊 Clear settings(清除設定)即可恢復預設值。Visibility(顯示設定)的用法和其他區塊相同,請參閱每個區塊都有的設定。
提示
- Standard 需要能容納四組大型數字的空間。在 25% 以下的欄位中,請調低 Timer size(計時器大小),或將 Width 設為 33.33% 以上。
- 計時器會倒數至一個固定日期,不會重新開始。若有新的特賣活動,請設定新的 End date。
- 若只想在特賣期間顯示區塊,也請使用 Visibility > Schedule publishing(排程發佈)。
- 將它與優惠碼搭配使用,讓顧客在計時器旁就能取得折扣碼。
這個頁面有幫助嗎?
感謝您的意見回饋! 告訴我們缺少了什麼
回報問題