商品項目內容區塊

當滿足顧客結帳頁面的某些條件時,商品項目內容區塊可讓您在結帳頁面訂單摘要的商品項目下方顯示特定內容。與可顯示於結帳頁面多個區段的其他類型內容區塊不同,此區塊僅顯示於購物車內的品項區段的結帳訂單摘要中。

此類型區塊可用於顯示資訊,例如特定品項的配送估計時間或銷售政策。例如,您可以針對特定商品新增運送延遲純文字訊息,該訊息僅在運送州為紐約州時顯示。另一個範例是,您可以顯示最終銷售彈出式訊息,僅當顧客的購物車包含帶有 #final-sale 標籤的產品時,才會顯示此訊息。

您可以使用以下格式之一顯示商品項目區塊內容:

  • 純文字
  • 徽章
  • 工具提示
  • 彈出式互動視窗

您可以使用 Markdown 來設定內容和 Liquid 格式,以便新增內容變數。內容不支援 CSS、HTML 和 Javascript。

如果您在單一商品項目顯示多過一個商品項目內容區塊,您可以使用其排序優先順序來對區塊進行重新排序。

建立商品項目內容區塊

您可以在 Checkout Blocks 應用程式中建立和配置商品項目內容區塊。建立商品項目內容區塊後,您必須將其新增至結帳頁面

步驟如下:

  1. 在 Shopify 管理介面中,前往「銷售管道」>「Checkout Blocks」。
  2. 按一下「區塊」,然後按一下「建立區塊」。
  3. 按一下「商品項目內容」。
  4. 區塊名稱區段,輸入區塊名稱。這不會向您的顧客顯示。
  5. 顯示規則區段,配置您的區塊顯示規則

    • 若要將此區塊顯示給所有顧客及所有商品項目,請將顯示規則區段留空。
    • 若要建立顯示規則,請按一下「⊕ 新增顯示規則」,然後設定您的規則。根據需要新增任意數量的顯示規則。
  6. 內容區段,新增並自訂區塊內容:

    1. 在「顯示類型」選單,選取內容格式。
    2. 可選:如果您的區塊是工具提示以互動視窗開啟,請輸入內容標題
    3. 內容文字欄位,輸入內容。您可以使用 Markdown 和 Liquid 來設定內容格式。
    4. 可選:在樣式區段,您可以自訂內容樣式,包括圖示或文字對齊方式和顏色。
  7. 可選:在發布區段,按一下鉛筆圖示以選取您希望該區塊顯示的市場和結帳頁面。

  8. 按一下「儲存」。

根據預設,您的區塊會儲存為「草稿」。當您準備好發布區塊時,在狀態區段,從下拉式選單選取「啟用」。

新增商品項目內容區塊至結帳頁面

商品項目內容區塊會在結帳頁面顯示為商品項目編輯區塊的一部分。您必須建立商品項目編輯區塊,並將商品項目內容區塊設為啟用選項,才能顯示商品項目內容。現有商品項目內容區塊也必須設定為「啟用」,才能顯示於結帳頁面。

您只需要新增商品項目編輯區塊至結帳頁面一次,所有適用商品項目內容區塊即可顯示其內容。如果您啟用多個商品項目內容區塊,則可以透過調整排序優先順序來選取顯示順序。

步驟如下:

  1. 在 Shopify 管理介面中,前往「銷售管道」>「Checkout Blocks」。
  2. 按一下「封鎖」。
  3. 按一下要新增至結帳頁面的商品項目內容區塊。
  4. 按一下「更多動作 ⌄」>「新增至結帳頁面」。
  5. 可選:在預覽區塊 ID 區段,按一下剪貼簿圖示以複製該區塊的唯一預覽 ID
  6. 選取所需的結帳頁面配置,然後按一下「開啟編輯器
  7. 在結帳頁面和帳戶編輯器中,新增商品項目編輯區塊至結帳頁面:

    1. 導覽至您想要新增區塊的結帳頁面。
    2. 訂單摘要區段,按一下「⊕ 新增應用程式區塊」。
    3. 按一下「商品項目編輯」Checkout Blocks 選項。
    4. 可選:使用預覽區塊 ID(用於測試目的)欄位和區塊預覽 ID 來預覽該區塊在結帳頁面的顯示情況。
  8. 按一下「儲存」。

沒有找到您需要的答案嗎?我們很樂意為您提供協助。