文件Journey Optimizer B2BJourney Optimizer B2B 版文件

電子郵件範本製作

Last update: Tue Nov 05 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

在您建立電子郵件範本之後，請使用視覺化設計工具來編寫電子郵件範本中的結構和內容元件。

新增結構和內容 structure-content

  1. 若要開始您的內容設計，請從​ 結構 ​拖曳一個專案，然後將其放到畫布上。

    視需要從​ 結構 ​新增任意數目的專案，並編輯右側窗格中每個專案的設定。

    note tip
    TIP
    選取​_n：n欄_​元件以定義您選擇的欄數（介於3到10之間）。 您也可以移動欄下方的箭頭來定義每欄的寬度。

    將結構拖曳到畫布上並調整設定 {width="800" modal="regular"}

    每個欄大小不能小於結構元件總寬度的10%。 只能移除空白欄。

  2. 展開​ 內容 ​區段，並新增您所需數量的元素至一或多個結構元件。

    將內容元素拖曳到畫布上並調整設定 {width="800" modal="regular"}

  3. 如有需要，您可以在​ 設定 ​或​ 樣式 ​標籤中為每個元件進行其他自訂。

    例如，您可以變更每個元件的文字樣式、邊框間距或邊界。

  4. 若要新增條件式內容並根據條件式規則將內容調整至目標設定檔，請選取內容元件，然後按一下元件工具列中的「啟用條件式內容」圖示。

    如需詳細資訊，請參閱​ 條件式內容。

新增片段

在視覺內容編輯器中，片段 ​圖示會顯示在左側。 以下範例概述將片段新增至範本內容的步驟。

  1. 若要開啟片段清單，請選取​ 片段 ​圖示（ 片段圖示 ）。

    您可以：

    • 排序清單。
    • 瀏覽、搜尋或篩選清單。
    • 在縮圖和清單檢視之間切換。
    • 重新整理清單以反映任何最近建立的片段。

    從清單中選取片段 {width="700" modal="regular"}

  2. 將任何片段拖放至結構元件的預留位置。

    編輯器會在電子郵件結構的區段/元素中轉譯片段。

片段的內容會在結構內動態更新，以顯示內容在電子郵件中的顯示方式。

TIP
如果您希望片段佔據電子郵件內的整個水準版面，請新增1:1欄結構，然後將片段拖放至其中。

儲存電子郵件後，當您在摘要中選取​ 使用者 ​索引標籤時，它就會顯示在片段詳細資訊頁面中。 新增到電子郵件範本的片段在範本中無法編輯 — 來源片段會定義內容。

新增資產

在視覺內容編輯器中，選取左側顯示的​ Assets ​圖示( 顯示Assets )。

NOTE
如果您有Experience Manager Assetsas a Cloud Service以及預設Adobe Marketo Engage Design Studio的訂閱，請在建立電子郵件、電子郵件範本或視覺片段時選擇影像來源。 您也可以在開啟視覺化設計工具進行編輯之前選取影像來源。

下列範例概述將資產新增至範本內容的步驟：

  1. 若要開啟資產庫，請按一下​ Assets ​圖示。

    從資產選取器中，您可以直接選取儲存在來源資料庫中的資產。

  2. 將影像資產拖放至結構元件中，以新增資產。

    將Marketo Engage資產拖曳至畫布並調整設定 {width="800" modal="regular"}

    如需有關使用來源型別中的資產的詳細資訊，請參閱將資產新增至您的內容。

  3. 在畫布上選取現有的影像資產，然後在影像來源工具中按一下​ 選取資產，以取代現有的影像資產。

    從來源資料庫中選取資產 {width="600" modal="regular"}

導覽圖層、設定和樣式

當您在視覺化設計工具中處理內容時，可以使用​ 導覽 ​樹狀結構來存取圖層/容器和元素。 按一下​ 導覽 ​圖示，在畫布左側顯示樹狀結構。

存取內容層 {width="800" modal="regular"}

下列範例概述在由欄組成的結構元件內調整邊框間距和垂直對齊方式的步驟。

  1. 直接在畫布中選取結構元件中的欄，或使用左側顯示的​ 導覽樹狀結構。

  2. 在欄工具列中，按一下​ 選取欄 ​工具，然後選擇您要編輯的工具。

    您也可以從結構樹中選取它。 該欄的可編輯引數會顯示在右側的​ 設定 ​和​ 樣式 ​索引標籤中。

    在視覺化設計工具中顯示的 欄元件 {width="800" modal="regular"}

  3. 若要編輯欄屬性，請按一下右側的​ 樣式 ​索引標籤，並根據您的需求加以變更：

    • 針對​ 背景，視需要變更背景顏色。

      清除透明背景的核取方塊。 啟用​ 背景影像 ​設定，以使用影像做為背景，而非純色。

    • 針對​ 對齊，請選取​ 上、中 ​或​ 下 ​圖示。

    • 針對​ 內距，定義所有邊的內距。

      若要微調內距，請選取​ 每一邊不同的內距。 按一下​ 鎖定 ​圖示以中斷同步處理。

    • 擴充​ 進階 ​區段以定義資料行的內嵌樣式。

    變更所選資料行的樣式 {width="700" modal="regular"}

  4. 如有需要，請重複這些步驟來調整元件中其他欄的對齊與邊框間距。

  5. 儲存您的變更。

個人化內容

Journey Optimizer B2B Edition使用內嵌簡單語法，可讓您建立包含雙大括弧{}之個人化內容的運算式。 您可以在相同的內容或欄位中新增多個運算式，不受限制。

範例：

  • Hello {{profile.person.name.firstName}} {{profile.person.name.lastName}}

  • Hello {{profile.person.name.fullName}}

處理訊息（電子郵件和簡訊）時，Journey Optimizer B2B Edition會以Experience Platform資料庫中包含的資料取代運算式。 第一個範例會變成​ Hello John Doe。

以下範例概述使用銷售機會/帳戶屬性和系統權杖進行內容個人化的步驟。

  1. 選取文字元件，然後按一下工具列中的​ 新增個人化 ​圖示。

    按一下「個人化」圖示 {width="600"}

    此動作會開啟​ 編輯Personalization ​對話方塊。

  2. 按一下​ + ​或​ …，將權杖新增至空白空間。

    使用權杖建構個人化文字 {width="700" modal="regular"}

  3. 按一下​ 儲存。

編輯連結的URL追蹤

  1. 按一下左側的​ 連結 ​圖示，以顯示您要追蹤之內容的所有URL。

  2. 如有需要，請按一下​ 編輯 （鉛筆）圖示並修改​ 追蹤型別 ​或​ 標籤。

    您也可以為連結新增​ 標籤。

按一下[更多]以存取範本動作 {width="500"}

檢視選項

運用視覺化設計工具中可用的檢視和內容驗證選項。

  • 透過預設縮放選項放大/縮小內容。

  • 切換在案頭、行動裝置或純文字/純文字間檢視內容。

    • 按一下​ 眼睛 ​圖示，即可跨裝置預覽內容。
    • 選取其中一個現成可用的裝置，或輸入自訂維度以預覽內容。

更多選項

從電子郵件設計工具頂端的​ 更多…… ​功能表，您可以執行下列動作：

按一下[更多]以存取範本動作 {width="500"}

  • 重設範本 — 按一下此選項，將視覺化設計工具畫布清除為空白並重新啟動建立內容。
  • 另存為片段 — 將範本的所有或部份另存為片段，以便在多個電子郵件或電子郵件範本中重複使用。 您提供片段的名稱和說明，並將其儲存到可用片段清單中。
  • 變更您的設計 — 返回​ 設計您的範本 ​頁面。 從那裡，您可以選擇從頭開始設計範本，或使用現有的範本來重新啟動設計流程。
  • 匯出HTML — 將視覺畫布中的內容以HTML格式下載到您的本機系統，並封裝成zip檔。
recommendation-more-help
6ef00091-a233-4243-8773-0da8461f7ef0