動態內容區塊

方案要求

採用 Basic Shopify 或更高等級方案的商家可以建立動態內容區塊，但只能將該區塊放在感謝和訂單狀態頁面。

動態內容區塊可讓您在滿足特定條件時，在結帳頁面動態顯示不同類型內容。

例如，如果您正在執行行銷活動，將所有 T 恤銷售的一部分捐贈給慈善機構，您可以建立特殊感謝您的支持橫幅，並且僅在顧客購買 T 恤時顯示於結帳頁面。

動態內容區塊支援的內容項目

動態內容區塊支援以下類型內容項目：

• 摺疊式
• 橫幅
• 優點
• 按鈕
• 分隔線
• 標題
• 圖片
• 空白區域
• 文字

您可以在單一動態內容區塊新增多個內容項目。

在編寫文字時，動態內容區塊還支援有限的 Markdown 格式清單：

• H1、H2 和 H3 標題
• 粗體、斜體和刪除線
• 圖片
• 換行符
• 連結
• 排序和未排序清單
• 水平規則

若要為內容新增些個人化設定，您還可以使用 Liquid 變數。

建立動態內容區塊

您可以在 Checkout Blocks 應用程式建立和設定動態內容區塊。在建立動態內容區塊後，您必須將其新增至結帳頁面。

步驟如下：

1. 在您的 Shopify 管理介面中，依序前往「應用程式」>「Checkout Blocks」。
2. 按一下「區塊」，然後按一下「建立區塊」。
3. 按一下「動態內容」。
4. 選取要使用的欄位範本。如果您不想預先填入任何欄位或設定，請選取「空白範本」。
5. 在區塊名稱區段，輸入區塊名稱。這不會向您的顧客顯示。
6. 在應用程式區塊 ID 區段，使用下拉式選單套用特定 ID 編號。深入瞭解應用程式區塊 ID。

7. 在顯示規則區段，配置您的區塊顯示規則：

   • 若要向所有顧客顯示該區塊，請將顯示規則區段留空。
   • 若要建立顯示規則，請按一下「⊕ 新增顯示規則」，然後設定您的規則。根據需要新增任意數量的顯示規則。

8. 在內容區段，新增並自訂區塊內容：

   1. 可選：在區段標頭欄位，按一下「新增標題（可選）」，以新增標頭至區塊。
   2. 在內容項目區段，按一下「⊕ 新增內容項目」，然後選取要新增的內容項目。
   3. 在「內容項目」對話方塊，設定內容項目詳情和樣式，然後按一下「完成」。
   4. 可選：新增更多內容項目並根據需要加以自訂。

9. 可選：在樣式區段，按一下「自訂設計」以自訂區塊容器以及欄樣式和尺寸。

10. 可選：在發布區段，按一下鉛筆圖示以選取您希望該區塊顯示的市場和結帳頁面。

11. 按一下「儲存」。

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

新增動態內容區塊至結帳頁面

您可以新增現有動態內容區塊至結帳頁面。區塊必須設定為「啟用」才能顯示於結帳頁面。

如果要在結帳頁面和帳戶編輯器預覽區塊，請從 Checkout Blocks 應用程式複製該區塊的唯一預覽 ID。

步驟如下：

1. 在您的 Shopify 管理介面中，依序前往「應用程式」>「Checkout Blocks」。
2. 按一下「封鎖」。
3. 按一下要新增至結帳頁面的動態內容區塊。
4. 按一下「更多動作 ⌄」>「新增至結帳頁面」。
5. 可選：在預覽區塊 ID 區段，按一下剪貼簿圖示以複製該區塊的唯一預覽 ID。
6. 選取所需的結帳頁面配置，然後按一下「開啟編輯器」

7. 在結帳頁面和帳戶編輯器中，將動態內容區塊新增到結帳頁面：

   1. 導覽至您想要新增區塊的結帳頁面。
   2. 在您要新增區塊的區段，按一下「⊕ 新增應用程式區塊」。
   3. 按一下「動態內容」Checkout Blocks 選項。
   4. 設定結帳頁面區塊詳情，並選取對應的應用程式區塊 ID。
   5. 可選：使用預覽區塊 ID（用於測試目的）欄位和區塊預覽 ID 來預覽該區塊在結帳頁面的顯示情況。
   6. 可選：拖放動態區塊以變更您希望該區塊在結帳頁面的顯示位置。

8. 按一下「儲存」。