在您的電子郵件中新增視覺片段 use-visual-fragments

在此頁面上:​瞭解如何在您的電子郵件中插入可重複使用的視覺片段、自訂其可編輯欄位,以及中斷或保留其繼承與原始片段。

片段是可重複使用的元件,可在跨Journey Optimizer行銷活動、歷程或內容範本的一封或多封電子郵件中參考。 此功能允許預先建立多個自訂內容區塊,可供行銷使用者在改良的設計流程中快速組合電子郵件內容。 瞭解如何建立和管理片段

➡️ 在此影片中瞭解如何管理、編寫和使用片段

使用片段 use-fragment

若要在電子郵件中使用片段,請遵循下列步驟。

NOTE
您最多可以在給定傳送中新增30個片段。 片段最多只能巢狀1個層級。
  1. 使用電子郵件Designer開啟任何電子郵件或範本內容。

  2. 從左側邊欄選取​ 片段 ​圖示。

  3. 將會顯示在目前沙箱上建立的所有視覺化片段清單。 它們會依建立日期排序:最近新增的視覺片段會先顯示在清單中。 您可以:

    • 透過開始輸入其標籤來搜尋特定片段。
    • 以遞增或遞減順序排序片段。
    • 變更片段的顯示方式(卡片或清單檢視)。
    • 重新整理清單。
    note
    NOTE
    如果您在編輯內容時修改或新增了某些片段,清單會以最新變更更新。
  4. 從清單拖放任何片段到您要插入它的區域。

    note caution
    CAUTION
    您可以將任何​ 草稿 ​或​ 即時 ​片段新增至您的內容。 但是,如果正在使用狀態為草稿的片段,您將無法啟用您的歷程或行銷活動。 在歷程或行銷活動發佈中,草稿片段將顯示錯誤,您需要核准它們才能發佈。
  5. 如同任何其他元件,您可以在內容中移動片段。

  6. 選取片段以在右側顯示對應的窗格。 從那裡,您可以從您的內容中刪除片段或複製它。 您也可以從片段上方顯示的內容功能表直接執行這些動作。

  7. 從​ 設定 ​索引標籤,您可以:

    • 選擇您要顯示片段的裝置。
    • 在新索引標籤中開啟片段,並視需要加以編輯。 了解更多
    • 探索引用。 了解更多
  8. 如有需要,您可以中斷具有原始片段的繼承。 了解更多

    解除鎖定後,您可以進一步將片段自訂為任何其他元件,並使用​ 樣式 ​索引標籤。

  9. 新增您想要的片段數,然後​ 儲存 ​您的變更。

管理片段中的條件式內容 fragment-dynamic-content

使用包含條件式內容的視覺片段時,請遵循下列准則。 進一步瞭解動態內容

CAUTION
不支援包含條件內容的巢狀片段。 您不能將包含條件內容的片段放在也包含條件內容的已解除鎖定片段內。 此不受支援的設定可能導致:
  • 遺失條件內容變體對應
  • 電子郵件Designer中的相容性模式警告
  • 不一致的電子郵件呈現

正確建構您的電子郵件:​使用具有條件內容的多個片段時,請在電子郵件層級將每個片段直接新增到其自己的結構區塊中。 避免在其他也包含條件內容的解除鎖定片段中,巢狀內嵌有條件內容的片段。

預先規劃:​在將片段新增至您的電子郵件之前,請先識別哪些片段包含條件式內容,並據此規劃您的版面。 這有助於防止設定問題,並確保從一開始就是乾淨的結構。

仔細設計可重複使用的片段:​建立包含條件式內容的片段時,請考慮其使用方式。 如果片段需要巢狀內嵌於其他片段中,請避免同時新增條件式內容至父片段和子片段。

疑難排解:​如果您遇到條件式內容變體對應或相容性模式警告遺失的情況,請遵循下列步驟。

  • 檢查您的電子郵件結構,找出包含條件式內容的巢狀片段
  • 透過在電子郵件層級將每個具有條件內容的片段移動到其自己的結構區塊中來重新構建
  • 儲存並確認條件式內容變體已正確還原
NOTE
如果片段使用動態內容且其預設狀態為空白,則當片段新增至電子郵件Designer中的電子郵件時,可能會顯示空白。 這是預期行為 — 系統使用預設變體作為後援以確保一致性。 若要預覽實際內容,使用符合片段動態內容規則中定義條件的設定檔來模擬您的電子郵件

使用隱含變數 implicit-variables-in-fragments

隱含變數可增強現有片段功能,以提升內容重複使用性及指令碼使用案例的效率。 片段可以使用輸入變數,並建立可用於行銷活動和歷程內容的輸出變數。

瞭解如何在本節中使用隱含變數。

自訂可編輯欄位 customize-fields

如果所選片段的某些部分已變為可編輯,您可以在將片段新增到內容中後覆寫其預設值。 瞭解如何使片段可自訂

若要自訂電子郵件所用片段中的可編輯欄位,請按照以下步驟操作。

  1. 新增可自訂的片段至您的電子郵件內容,並選取它以開啟右側的​ 片段 ​窗格。

  2. 片段中所有可編輯的欄位都會顯示在​ 設定 ​索引標籤中的片段屬性下。

    在以下範例中,您可以編輯影像來源和替代文字,以及「標題」/「副標題」欄位和「更多資訊」按鈕URL。

  3. 將滑鼠懸停在中央畫布中的任何可編輯欄位上。 欄位會以綠色反白,按一下其中包含的文字時,會出現一個鉛筆圖示。

    {align="center" width="80%"}

  4. 直接在中心電子郵件Designer畫布上內嵌編輯欄位文字。

    note
    NOTE
    若要輕鬆找到內容中的可編輯欄位,您也可以從右側窗格中選取它們,但您只能在中央畫布中編輯這些欄位。
  5. 針對​TextButton​和​ Html ​元件,電子郵件Designer工具列也可存取RTF格式選項 — 粗體、斜體、超連結等等。

    電子郵件Designer工具列中的RTF格式選項

    note tip
    TIP
    在匯入RTF編輯功能之前建立的片段,其可編輯欄位預設為純文字模式。 若要啟用完整的格式選項,請使用​ 開啟片段 ​按鈕移至片段編輯器,按一下​ 啟用 ​以解鎖RTF模式並​ 儲存 ​片段。 了解更多

    電子郵件Designer 🔗 {align="left" width="50%" modal="regular"}中的相容性警告

  6. 您可以按一下​模擬內容,檢視可編輯的內容和樣式如何呈現。 進一步瞭解預覽內容

CAUTION
當按鈕元件的​ 標籤 ​和​ URL ​在片段中都可以編輯時,追蹤報告會顯示URL而非按鈕標籤。 進一步瞭解追蹤

中斷繼承 break-inheritance

當您編輯視覺片段時,變更會同步。 它們會自動傳播到包含該片段的所有草稿或即時歷程/行銷活動和內容範本。

新增至電子郵件或內容範本時,預設會同步片段。 不過,您可以中斷原始片段的繼承。 在這種情況下,片段的內容會複製到目前的設計中,且變更不再同步。

若要中斷繼承,請遵循下列步驟:

  1. 選取片段。

  2. 按一下內容工具列中的解鎖圖示。

  3. 該片段會成為不再連結至原始片段的獨立元素。 編輯它,就像內容中的任何其他內容元件一樣。 了解更多

鎖定的片段 locked-fragments

如果片段已由作者鎖定,解鎖圖示會呈現灰色,且無法用來中斷繼承。

鎖定的片段會在其出現處保持同步,以防止可能違反品牌標準或合規要求的本機編輯。

瞭解如何在本節中鎖定片段。

NOTE
片段作者稍後可以變更設定,以供日後使用,方法是在片段設定中將其行為重設為​允許中斷繼承
AI Knowledge Reference

This section contains structured knowledge intended to support interpretation, retrieval, and question answering related to this topic.

For complete understanding, this information should be combined with the documentation on this page. Neither source is intended to stand alone; the page describes the feature, while this section provides additional context that helps disambiguate terminology, intent, applicability, and constraints.

  • TL;DR: This page explains how to insert reusable visual fragments into emails, customize their editable fields, manage conditional content in fragments, and break or keep their inheritance with the original fragment.

Intents:

  • Insert a reusable visual fragment into an email or content template using the Email Designer
  • Search, sort, and display the visual fragments available on the current sandbox
  • Customize the editable fields of a customizable fragment
  • Manage conditional (dynamic) content when using visual fragments
  • Break or keep the inheritance between a fragment instance and the original fragment
  • Use implicit input and output variables in fragments

Glossary:

  • Visual fragment: A reusable component that can be referenced in one or more emails across Journey Optimizer campaigns, journeys, or content templates (product-specific)
  • Break inheritance: Copying the fragment content into the current design so changes are no longer synchronized with the original fragment (product-specific)
  • Locked fragment: A fragment locked by its author whose unlock icon is greyed out, so inheritance cannot be broken and it remains synchronized everywhere it appears (product-specific)
  • Editable fields: Portions of a fragment made editable, whose default value can be overridden after adding the fragment to content (product-specific)
  • Implicit variables: Input variables fragments can use and output variables they can create, usable in campaign and journey content (product-specific)
  • Simulate content: Action to see how the editable content and styling render; also used to preview a fragment’s actual dynamic content with a profile that meets its conditions (product-specific)

Guardrails:

  • You can add up to 30 fragments in a given delivery.
  • Fragments can only be nested up to 1 level.
  • Nesting fragments with conditional content is not supported: you cannot place a fragment containing conditional content inside an unlocked fragment that also contains conditional content (can cause loss of conditional content variant mappings, compatibility mode warnings, and inconsistent email rendering).
  • You can add any Draft or Live fragment to your content, but you cannot activate the journey or campaign if a fragment with Draft status is used in it; at publication, draft fragments show an error and must be approved.
  • If a fragment uses dynamic content and its default state is empty, it may appear blank in the Email Designer; the system uses the default variant as a fallback.
  • When both the label and URL of a button component are made editable in a fragment, tracking reports show the URL instead of the button label.
  • Locked fragments cannot have their inheritance broken (unlock icon greyed out) and remain synchronized everywhere they appear.
  • Fragments created before the rich-text editing capability was introduced have editable fields set to text-only mode by default until rich-text mode is enabled.

Terminology:

  • Canonical name: visual fragment — Acronym: n/a — variants: fragment, customizable fragment, locked fragment
  • Synonyms: “break the inheritance” = “break inheritance”
  • Do not confuse: “Draft” fragment status ≠ “Live” fragment status
  • Do not confuse: synchronized fragment (inheritance kept, changes propagated) ≠ fragment with broken inheritance (content copied, changes not synchronized)
  • Do not confuse: “Allow inheritance to be broken” (author setting to permit breaking) ≠ locked fragment (inheritance cannot be broken)

FAQ:

  • Q: How many fragments can I add to a delivery? — Up to 30 fragments in a given delivery.
  • Q: How deeply can fragments be nested? — Fragments can only be nested up to 1 level.
  • Q: Can I use a Draft fragment in my content? — Yes, you can add any Draft or Live fragment, but you cannot activate the journey or campaign while a Draft fragment is used; draft fragments show an error at publication and must be approved.
  • Q: Can I nest fragments that contain conditional content? — No. Nesting fragments with conditional content is not supported and can cause loss of variant mappings, compatibility mode warnings, and inconsistent email rendering.
  • Q: Why does my fragment appear blank in the Email Designer? — If the fragment uses dynamic content and its default state is empty, it may appear blank because the system uses the default variant as a fallback; simulate the email with a profile that meets the fragment’s dynamic content conditions to preview the actual content.
  • Q: What happens when I break inheritance? — The fragment content is copied into the current design, it becomes a standalone element no longer linked to the original fragment, and changes are no longer synchronized.
  • Q: Why can I not break the inheritance of a fragment? — It may be a locked fragment, whose unlock icon is greyed out; the author can later reset its behavior to Allow inheritance to be broken.
recommendation-more-help
journey-optimizer-help