可自訂的片段 customizable-fragments

在此頁面上:​瞭解如何讓視覺效果和運算式片段中的特定欄位可編輯,以便使用者在將片段新增至行銷活動或歷程時能夠自訂它們,而不會中斷原始片段的繼承。

在行銷活動或歷程動作中使用片段時,由於繼承,預設情況下這些片段會鎖定。 這表示對片段所做的任何變更都會自動傳播至使用片段的所有行銷活動和歷程。

透過​可自訂的片段,當片段新增至行銷活動或歷程動作時,片段內的特定欄位可以定義為可編輯。 例如,假設您有一個片段包含橫幅、一些文字和按鈕。 您可以將某些欄位(例如影像或按鈕目標URL)指定為可編輯。 這可讓使用者在將片段納入其行銷活動或歷程時修改這些元素,提供量身打造的體驗,而不會影響原始片段。

可自訂的片段不需要中斷片段繼承,這之前已停止將片段層級的集中式變更傳播至行銷活動和歷程。 此方法可在使用時調整內容部分,靈活地以內容特定的詳細資料覆寫預設值。

運用可自訂的片段,您可以有效地管理和個人化您的內容,而不需要建立全新的內容區塊或中斷原始片段的繼承。 這可確保在片段層級進行的變更仍會傳播,同時允許在行銷活動或歷程層級進行必要的自訂。

視覺效果和運算式片段都可以標示為可自訂。 有關如何繼續處理每種型別片段的詳細說明,請參閱以下章節。

將可編輯欄位新增至視覺片段 visual

若要讓視覺化片段的某些部分可編輯,請遵循下列步驟:

NOTE
可編輯的欄位可新增至​影像文字​和​ 按鈕 ​元件。 針對​ HTML ​元件,使用個人化編輯器新增可編輯的欄位,類似於運算式片段。 瞭解如何在HTML元件和運算式片段中新增可編輯的欄位
  1. 開啟片段內容版本畫面。

  2. 選取片段中要設定可編輯欄位的元件。

  3. 元件屬性窗格會在右側開啟。 選取​ 可編輯欄位 ​標籤,然後切換​ 啟用版本 ​選項。

  4. 窗格中會列出所有可編輯所選元件的欄位。 可編輯的欄位取決於所選的元件型別。

    在以下範例中,我們允許編輯「按一下這裡」按鈕URL。

  5. 按一下​ 總覽 ​以檢查所有可編輯的欄位及其預設值。

    在此範例中,按鈕URL欄位會以元件中定義的預設值顯示。 使用者將片段新增至內容後,即可自訂此值。

  6. 準備就緒後,儲存您的變更以更新片段。

  7. 將片段新增到電子郵件後,使用者將能夠自訂片段中設定的所有可編輯欄位。 瞭解如何自訂視覺片段中的可編輯欄位

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

在可自訂的視覺片段中啟用 RTF 文字編輯功能 rich-text-visual

可自訂的視覺化片段現在原生支援RTF文字

當電子郵件中使用可自訂的視覺片段時,您可以直接在片段的​文字按鈕​和​ Html ​元件的任何可編輯欄位中,運用完整的格式選項,例如粗體、斜體、分行符號、專案符號清單和超連結。 瞭解如何自訂可編輯的欄位

不過,如果您在引進RTF功能之前已建立片段並定義可編輯欄位,可編輯欄位預設會設為純文字模式。

  • 片段編輯器中會顯示相容性警告。

    若要在電子郵件中使用片段時,為這些可編輯欄位解鎖RTF模式,請按一下​ 啟用 ​按鈕並儲存片段。

  • 將片段新增至電子郵件後,在電子郵件Designer中選取片段時也會顯示相容性警告。

    若要將片段升級為RTF模式,請使用​ 開啟片段 ​按鈕來存取片段編輯器,然後按一下​ 啟用 ​按鈕並儲存片段。

在RTF模式解除鎖定之前,舊版可自訂的視覺片段仍僅支援純文字。 使用者無法在這些片段的可編輯欄位中輸入RTF文字。

將可編輯的欄位新增至HTML元件和運算式片段 expression

若要讓HTML元件或運算式片段的某些部分可編輯,您必須在運算式編輯器中使用特定語法。 這涉及宣告具有預設值的​變數,使用者在將片段新增至其內容後可以覆寫該變數。

例如,假設您要建立片段以新增至您的電子郵件,並允許使用者自訂用於不同位置的特定顏色,例如框架或按鈕的背景顏色。 建立片段時,您必須使用​ 唯一識別碼 ​宣告變數(例如"color"),並在片段內容中要套用此顏色的所需位置呼叫它。 將片段新增至其內容時,使用者將能夠自訂在任何參考變數的地方使用的顏色。

針對HTML元件,只有特定元素才能變成可編輯的欄位。 展開以下區段以取得詳細資訊。

HTML元件中的可編輯元素:

下列元素可成為HTML元件中的可編輯欄位:

  • 部分文字
  • 連結或影像的完整URL (不適用於URL的一部分)
  • 整個CSS屬性(無法搭配部分屬性使用)

例如,在下列程式碼中,每個以紅色反白顯示的元素都可以成為屬性:

{width="70%"}

若要宣告變數並將其用於片段中,請遵循下列步驟:

  1. 開啟您的運算式片段,然後在個人化編輯器中編輯其內容。

    針對HTML元件,選取片段中的元件,然後按一下​ 顯示原始程式碼 ​按鈕。

  2. 宣告您要讓使用者編輯的變數。 導覽至左側導覽窗格中的​ 協助程式功能 ​功能表,然後新增​ 內嵌 ​協助程式功能。 宣告及呼叫變數的語法會自動新增至內容中。

  3. 以唯一ID取代"name"以識別可編輯的欄位。

    note
    NOTE
    欄位ID必須是唯一的,而且不能有空格。 此ID應在您的內容中要顯示變數值的任何位置使用。
  4. 新增下表詳述的引數,調整語法以符合您的需求:

    table 0-row-3 1-row-3 2-row-3 3-row-3 4-row-3
    動作 參數 範例
    宣告具有​ 預設值 ​的可編輯欄位。 將片段新增至內容時,如果您未自訂該片段,將會使用此預設值。 在內嵌標籤之間新增預設值。 {{#inline "editableFieldID"}}default_value{{/inline}}
    為可編輯欄位定義​標籤。 編輯片段的欄位時,此標籤將顯示在電子郵件Designer中。 name="title" {{#inline "editableFieldID" name="title"}}default_value{{/inline}}
    宣告包含需要發佈的​ 影像來源 ​的可編輯欄位。 assetType="image" {{#inline "editableFieldID" assetType="image"}}default_value{{/inline}}
    宣告包含需要追蹤之​ URL ​的可編輯欄位。
    請注意,現成的「映象頁面URL」和「取消訂閱連結」預先定義區塊無法成為可編輯的欄位。
    assetType="url" {{#inline "editableFieldID" assetType="url"}}default_value{{/inline}}
  5. 在您要顯示可編輯欄位值的每個位置,使用程式碼中的{{{name}}}語法。 將name取代為先前定義之欄位的唯一識別碼。

  6. 儲存並發佈您的片段。

將片段新增至其電子郵件內容時,使用者現在可以使用其選擇的值覆寫變數的預設值:

範例:可自訂的運算式片段 example

在以下範例中,我們正在建立呈現新運動集合的運算式片段。 依預設,片段會顯示此內容: 要尋找更多嗎? 不要錯過我們最新的運動系列!

我們希望讓使用者能夠使用自己選擇的運動來取代本內容中的「運動」。 例如:正在尋找更多嗎? 不要錯過我們最新的瑜伽系列!

若要這麼做:

  1. 以ID "sport"宣告"sport"變數。

    根據預設,如果使用者在其內容中新增片段後未變更變數的值,它將顯示{{#inline}}{{/inline}}標籤之間定義的值,即「sports」。

  2. 在您想要顯示變數值(即預設為「sports」)或使用者選擇的值的片段內容中新增{{{sport}}}語法。

  3. 將運算式片段新增至其內容時,使用者可以直接從運算式編輯器中選擇變更變數值。 瞭解如何自訂運算式片段中的可編輯欄位

recommendation-more-help
journey-optimizer-help