跳到內容
免費安裝
繁體中文
在 Claude 中開啟 針對此頁面提問在 ChatGPT 中開啟 針對此頁面提問

建立您的第一個倒數

從挑選範本到在商品頁面上看到計時器跳動,完整建立一個可運作的特賣計時器。

本操作說明將建立一個完整且常見的倒數:一個放在商品頁面上的特賣計時器,倒數至固定的結束日期,並在結束後消失。它涵蓋建立工具的每個部分,包括內容、時間、設計和顯示,但不涉及任何較進階的選項。

請先確認您已開啟應用程式嵌入,否則您在此建立的倒數不會顯示在商店前台。

  1. 開啟應用程式。在儀表板上,點擊第二張設定卡片上的 Create countdown。(在 Countdowns 頁面中,Create countdown 按鈕也有相同的作用。)

    儀表板設定卡片,包含 Create countdown 按鈕

    從儀表板的 Create a countdown 卡片開始建立倒數。

  2. Countdown templates 頁面會開啟,頂端有四個類型標籤頁:Countdown timer、Delivery date、Stock countdown 和 Cart countdown。請保持在 Countdown timer。

    瀏覽各種設計,或依名稱或場合搜尋,輸入 black friday 即可找到該季節的設計,即使它們的名稱是 Onyx 和 Ribbon 之類的。找到喜歡的設計後,點擊其卡片上的 Select。

    Countdown templates 頁面,顯示類型標籤頁和計時器設計網格

    從範本網格中挑選設計,之後您可以更改它的所有內容。

  3. 建立工具開啟時,預覽中已顯示您選擇的設計。請在頂端為倒數取個名稱,例如「春季特賣計時器」。這個名稱只供您自己使用,顧客不會看到。

  4. 在 Settings 標籤頁中,開啟 Content 區段,設定計時器要顯示的文字:

    • Title:最大的一行文字,例如 🔥 Hurry up! 🔥
    • Subtitle:數字上方的文字,例如 Sale ends in:
    • Timer:每個數字下方的標籤:Days、Hours、Min、Sec

    計時器設定的 Content 區段,包含 Title、Subtitle 和計時器標籤欄位

    Content 區段控制計時器上的每一段文字。

  5. 仍在 Settings 中,開啟 Setting timer 區段。請將 Time type 保持在 Countdown to a date,這是預設值,也是此範例所需的模式。

    在 Date between 下,將 End 設為您的特賣結束的時刻。請讓 Start 保持空白,計時器就會從現在開始執行;如果您希望計時器在特賣真正開始之前保持隱藏,請填入開始時間。

    Setting timer 區段,Time type 設為 Countdown to a date,並已選擇結束日期

    Countdown to a date 是預設的 Time type,請將 End date 設為您的截止時間。

  6. 在日期下方,將 When countdown timer end 設為 Hide countdown block。截止時間一到,計時器就會消失,而不是停在 00:00:00。

    另外兩個選項請參閱計時器結束時。

  7. 切換到 Display 標籤頁。在 Show countdown on 下,勾選 Product page。這會將計時器放在每個商品頁面的 Add to cart 區域正下方。

    Display 標籤頁,在 Show countdown on 下已勾選 Product page 核取方塊

    勾選 Product page 會將計時器放在所有商品頁面上。

  8. 在顯示位置上方,Conditions 區段決定哪些商品會顯示計時器。保持 All Products 即可涵蓋整個商品目錄,也可以改為針對商品系列、特定商品或顧客群組,請參閱顯示條件。

  9. 點擊 Save。請確認狀態控制項顯示的是 Active,而不是 Draft,因為草稿只會儲存,不會顯示。

    建立工具頂端列,狀態設為 Active,旁邊是 Save 按鈕

    將倒數的狀態設為 Active 後儲存。

  10. 在新分頁中開啟實際商店前台的任何商品頁面,儀表板上的 Open my store 按鈕是捷徑。您應該會看到計時器在 Add to cart 按鈕下方倒數。

    也請在手機上試試,或縮窄瀏覽器視窗:佈景主題在小螢幕上排列商品頁面的方式不同,值得親眼看看大多數顧客會看到的計時器樣貌。

    商店前台的商品頁面,倒數計時器顯示在 Add to cart 按鈕下方

    實際商品頁面上完成的計時器。

這對您有幫助嗎?