動態內容區塊

動態內容區塊可在符合特定條件時，於結帳頁面動態顯示各種內容。

例如，若您正在舉辦捐出部分 T 恤銷售額給慈善機構的行銷活動，您可以建立一個特別的「感謝您的支持」橫幅，僅在顧客購買 T 恤時於結帳頁面顯示。

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

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

• 摺疊式
• 橫幅
• 優點
• 按鈕
• 分隔線
• 標題
• 圖片
• 間隔
• 文字

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

撰寫文字時，動態內容區塊也支援部分 Markdown 樣式：

• H1、H2 與 H3 標題
• 粗體、斜體與刪除線
• 圖片
• 換行
• 連結
• 編號清單與項目符號清單
• 水平分隔線

若要為內容增添個人化，您也可以使用 Liquid variables。

建立動態內容區塊

您可以在 Checkout Blocks app 中建立並設定動態內容區塊。建立後，您必須 add it to the checkout。

步驟：

1. 在 Shopify 管理介面中，前往 Apps > Checkout Blocks。

2. 按一下區塊，再按一下建立區塊。

3. 按一下動態內容。

4. 選取您要使用的欄位範本。若不想預先填入任何欄位或設定，請選取空白範本。

5. 在區塊名稱區段中，輸入此區塊的名稱。這不會顯示給您的顧客。

6. 在區塊 ID區段中，使用下拉式選單套用特定 ID。深入瞭解 block IDs。

7. 在顯示規則區段中，設定此區塊的 display rules：

   • 若要讓所有顧客都能看到此區塊，請將顯示規則區段留空。
   • 若要建立顯示規則，按一下⊕ 新增顯示規則，然後設定您的規則。視需要新增多項顯示規則。

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

   1. 選用：在區段標題欄位中，按一下新增標題 (選填)，為此區塊加入標題。
   2. 在內容項目區段中，按一下⊕ 新增內容項目，然後選取您要新增的 content item。
   3. 在內容項目的對話方塊中，設定內容項目的詳情與樣式，然後按一下完成。
   4. 選用：視需要新增更多內容項目並加以自訂。

9. 選用：在樣式區段中，按一下自訂設計，自訂此區塊的容器與欄的樣式與尺寸。

10. 選用：在發布區段中，按一下鉛筆圖示，選取您要讓此區塊顯示的市場與結帳頁面。

11. 按一下儲存。

區塊預設會儲存為草稿。準備發布時，請在狀態區段的下拉式選單中選取啟用。

將動態內容區塊加入結帳頁面

您可以將 existing dynamic content block 加入結帳頁面。區塊必須設為啟用，才會顯示於結帳頁面。

若要 preview the block in the checkout and accounts editor，請從 Checkout Blocks app 複製該區塊的唯一預覽 ID。

步驟：

1. 在 Shopify 管理介面中，前往 Apps > Checkout Blocks。

2. 按一下區塊。

3. 按一下您要加入結帳頁面的動態內容區塊。

4. 按一下更多操作 ⌄ > 新增至結帳頁面。

5. 選用：在預覽區塊 ID區段中，按一下剪貼簿圖示，以複製該區塊的唯一 preview ID。

6. 選取您要的結帳設定，然後按一下開啟編輯器。

7. 在結帳與帳戶編輯器中，將動態內容區塊加入您的結帳頁面：

   1. 前往您要新增區塊的結帳頁面。
   2. 在您要新增區塊的區段中，按一下⊕ 新增區塊。
   3. 按一下 Checkout Blocks 的動態內容選項。
   4. 設定該結帳區塊的詳情，並選取對應的區塊 ID。
   5. 選用：使用預覽區塊 ID（供測試使用）欄位與該區塊的預覽 ID，preview 其在結帳頁面的顯示方式。
   6. 選用：拖放該動態區塊，以變更其在結帳頁面上的顯示位置。

8. 按一下儲存。