電子郵件製作
使用Adobe Journey Optimizer B2B edition傳送電子郵件訊息給您的客戶。 您可以在視覺化設計工具中建立、個人化和預覽訊息。
在帳戶歷程中新增電子郵件動作
當您新增 採取動作 節點並執行下列動作時,可以在帳戶歷程中設定電子郵件傳遞:
-
針對 目標上的 動作,請選擇 人員。
-
針對人員 的 動作,請選擇 傳送電子郵件。
-
針對 電子郵件來源,請選擇 建立新電子郵件。
或者,您也可以選取「從Adobe Marketo Engage選取電子郵件」選項,在Marketo Engage中使用其中一個預先撰寫的電子郵件,並將其作為帳戶歷程的一部分傳送。
note note NOTE 如果您是第一次建立電子郵件,請務必從Adobe Marketo Engage中設定電子郵件頻道。 若要深入瞭解,請參閱Marketo Engage檔案中的確定電子郵件傳遞能力。 {width="700" modal="regular"}
-
在 執行動作 面板底部,按一下 建立電子郵件。
-
在對話方塊中,輸入電子郵件的唯一 名稱,以及 主旨列。
{width="400"}
-
按一下 建立。
在電子郵件內容頁面的 電子郵件屬性 區段中,寄件者電子郵件 與 回覆地址 欄位已設定。 您可以輸入 From name 和 Description (選擇性)欄位的值。
建立該電子郵件內容
按一下 電子郵件 預覽面板頂端的 新增電子郵件內容。
{width="700" modal="regular"}
此動作會啟動電子郵件Designer,您可在其中從下列選項選擇設計電子郵件的方式:
若要使用運算式編輯器設定並個人化主旨列,請按一下 Personalization 圖示並新增任何Marketo Engage權杖。
建立並個人化電子郵件內容後,您可以匯出內容以供驗證或稍後使用。 按一下 匯出HTML,將內容儲存為.zip檔案,其中包含您的HTML和資產。
從頭開始設計您的電子郵件 design-from-scratch
使用視覺內容編輯器來定義電子郵件內容的結構。 透過使用簡單的拖放動作新增和移動結構元件,您可以在數秒內設計可重複使用電子郵件內容的形狀。
內容完成時,請按一下頂端的 模擬內容 以檢查轉譯。 您可以選擇案頭或行動檢視。
當您滿意內容時,請按一下[儲存]。
匯入現有的HTML內容
匯入的內容可以是:
-
包含內建樣式表的HTML檔案
-
包含HTML檔案、樣式表(.css)和影像的.zip檔案
note note NOTE .zip檔案結構沒有限制。 不過,參照必須是相對參照,而且符合.zip資料夾的樹狀結構。 影像會一律上傳至連線的Marketo Engage資產存放庫。 如果您想要在Experience Manager Assets中管理影像檔案,請在該應用程式介面中分別上傳這些檔案,並在電子郵件設計工具中變更影像連結。
若要匯入包含HTML內容的檔案:
-
從 設計您的範本 首頁,選取 匯入HTML 選項。
-
拖放包含HTML內容的HTML或.zip檔案,然後按一下 匯入。
{width="500"}
<table>
標籤做為HTML檔案中的第一個圖層可能會造成樣式遺失,包括上層圖層標籤中的背景和寬度設定。您可以視需要使用視覺化電子郵件編輯器工具個人化匯入的內容。
選取範本
您可以選擇以下選項:
-
範例範本。 Journey Optimizer介面提供20個立即可用的電子郵件範本,供您選擇。
-
儲存的範本。 使用您使用 範本 功能表從頭建立或使用 另存為內容範本 選項從歷程中的電子郵件儲存的已儲存自訂範本。
使用 選取設計範本 區段來開始從範本建立您的內容。 您可以使用範例範本或儲存的Journey Optimizer B2B Edition執行個體自訂電子郵件範本。
在 設計您的範本 首頁上,預設會選取 範例範本 索引標籤。 若要使用自訂範本,請選取 儲存的範本 索引標籤。
隨即顯示在目前沙箱中建立的所有電子郵件範本清單。 您可以依 名稱、上次修改時間 和 上次建立時間 來排序它們。
{width="800" modal="regular"}
從清單中選取您想要的範本。
選取後,這會顯示範本的預覽。 在預覽模式中,您可以使用向右和向左箭頭,在單一類別的所有範本(範例或已儲存,視您的選擇而定)之間導覽。
{width="800" modal="regular"}
當顯示符合您要使用的內容時,請按一下預覽視窗右上角的 使用此範本。
此動作會將內容複製到視覺化內容設計工具中,以便您視需要編輯內容。
Adobe Journey Optimizer B2B Edition提供 現成可用的電子郵件範本 選項,可用來建立電子郵件和電子郵件範本。
{width="800" modal="regular"}
新增結構和內容 structure-content
-
若要開始您的內容設計,請從 結構 拖曳一個專案,然後將其放到畫布上。
視需要從 結構 新增任意數目的專案,並編輯右側窗格中每個專案的設定。
note tip TIP 選取_n:n欄_元件以定義您選擇的欄數(介於3到10之間)。 您也可以移動欄下方的箭頭來定義每欄的寬度。 {width="800" modal="regular"}
每個欄大小不能小於結構元件總寬度的10%。 只能移除空白欄。
-
展開 內容 區段,並新增您所需數量的元素至一或多個結構元件。
{width="800" modal="regular"}
-
如有需要,您可以在 設定 或 樣式 標籤中為每個元件進行其他自訂。
例如,您可以變更每個元件的文字樣式、邊框間距或邊界。
-
若要新增條件式內容並根據條件式規則將內容調整至目標設定檔,請選取內容元件,然後按一下元件工具列中的「啟用條件式內容」圖示。
如需詳細資訊,請參閱 條件式內容。
新增片段
在視覺內容編輯器中,片段 圖示會顯示在左側。 以下範例概述將片段新增至範本內容的步驟。
-
若要開啟片段清單,請按一下 片段 圖示。
您可以:
- 排序清單。
- 瀏覽、搜尋或篩選清單。
- 在縮圖和清單檢視之間切換。
- 重新整理清單以反映任何最近建立的片段。
{width="700" modal="regular"}
-
將任何片段拖放至結構元件的預留位置。
編輯器會在電子郵件結構的區段/元素中轉譯片段。
片段的內容會在結構內動態更新,以顯示內容在電子郵件中的顯示方式。
儲存電子郵件後,當您在摘要中選取 使用者 索引標籤時,它就會顯示在片段詳細資訊頁面中。 新增到電子郵件範本的片段在範本中無法編輯 — 來源片段會定義內容。
新增資產
在視覺內容編輯器中,選取左側顯示的 Assets 圖示( )。
下列範例概述將資產新增至範本內容的步驟:
-
若要開啟資產庫,請按一下 Assets 圖示。
從資產選取器中,您可以直接選取儲存在來源資料庫中的資產。
-
將影像資產拖放至結構元件中,以新增資產。
{width="800" modal="regular"}
如需有關使用來源型別中的資產的詳細資訊,請參閱將資產新增至您的內容。
-
在畫布上選取現有的影像資產,然後在影像來源工具中按一下 選取資產,以取代現有的影像資產。
{width="600" modal="regular"}
導覽圖層、設定和樣式
當您在視覺化設計工具中處理內容時,可以使用 導覽 樹狀結構來存取圖層/容器和元素。 按一下 導覽 圖示,在畫布左側顯示樹狀結構。
{width="800" modal="regular"}
下列範例概述在由欄組成的結構元件內調整邊框間距和垂直對齊方式的步驟。
-
直接在畫布中選取結構元件中的欄,或使用左側顯示的 導覽樹狀結構。
-
在欄工具列中,按一下 選取欄 工具,然後選擇您要編輯的工具。
您也可以從結構樹中選取它。 該欄的可編輯引數會顯示在右側的 設定 和 樣式 索引標籤中。
在視覺化設計工具中顯示的 {width="800" modal="regular"}
-
若要編輯欄屬性,請按一下右側的 樣式 索引標籤,並根據您的需求加以變更:
-
針對 背景,視需要變更背景顏色。
清除透明背景的核取方塊。 啟用 背景影像 設定,以使用影像做為背景,而非純色。
-
針對 對齊,請選取 上、中 或 下 圖示。
-
針對 內距,定義所有邊的內距。
若要微調內距,請選取 每一邊不同的內距。 按一下 鎖定 圖示以中斷同步處理。
-
擴充 進階 區段以定義資料行的內嵌樣式。
{width="700" modal="regular"}
-
-
如有需要,請重複這些步驟來調整元件中其他欄的對齊與邊框間距。
-
儲存您的變更。
個人化內容
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。
以下範例概述使用銷售機會/帳戶屬性和系統權杖進行內容個人化的步驟。
-
選取文字元件,然後按一下工具列中的 新增個人化 圖示。
{width="600"}
此動作會開啟 編輯Personalization 對話方塊。
-
按一下 + 或 …,將權杖新增至空白空間。
{width="700" modal="regular"}
-
按一下 儲存。
編輯連結的URL追蹤
-
按一下左側的 連結 圖示,以顯示您要追蹤之內容的所有URL。
-
如有需要,請按一下 編輯 (鉛筆)圖示並修改 追蹤型別 或 標籤。
您也可以為連結新增 標籤。
{width="500"}
檢視選項
善用視覺化電子郵件編輯器中可用的檢視和內容驗證選項。
-
透過預設縮放選項放大/縮小內容。
-
切換在案頭、行動裝置或純文字/純文字間檢視內容。
- 按一下 檢視 圖示,即可跨裝置預覽內容。
- 選取其中一個現成可用的裝置,或輸入自訂維度以預覽內容。
更多選項
從電子郵件設計工具頂端的 更多…… 功能表,您可以執行下列動作:
{width="500"}
- 重設電子郵件 — 按一下此選項,將視覺化電子郵件設計工具畫布清除為空白並重新啟動內容建置。
- 另存為片段 — 將電子郵件的全部或部份另存為片段,以便在多個電子郵件或電子郵件範本中重複使用。 您提供片段的名稱和說明,並將其儲存到可用片段清單中。
- 變更您的設計 — 返回 設計您的電子郵件 頁面。 從那裡,您可以選擇另一個範本以重新啟動設計程式,或選擇在黑色畫布中從頭開始設計內容。\
- 另存為內容範本 — 將電子郵件內文另存為電子郵件範本,以便在多個電子郵件或電子郵件範本中重複使用。 您可以提供範本的名稱和說明,並將其儲存至已儲存電子郵件範本的清單。
- 匯出HTML — 將視覺畫布中的內容以HTML格式下載到您的本機系統,並封裝成zip檔。
檢查警報
當您設計電子郵件訊息內容時,當關鍵設定遺失時,警示會顯示在介面(頁面右上方)中。
如果沒有看見此按鈕,表示沒有偵測到的問題。
可偵測到兩種型別的警報:
-
警告 參考建議與最佳實務的警告,例如:
-
The opt-out link is not present in the email body
:將取消訂閱連結新增至您的電子郵件內文為最佳做法。note note NOTE 行銷樣式的電子郵件訊息必須包含選擇退出連結,異動訊息不需要此連結。 -
Text version of HTML is empty
:別忘了定義電子郵件內文的文字版本,此文字版本會在HTML內容無法顯示時使用。 -
Empty link is present in email body
:檢查您電子郵件中的所有連結是否正確。 -
Email size has exceeded the limit of 100KB
:若要取得最佳傳遞,請確定您的電子郵件大小不超過100KB。
-
-
錯誤 會阻止您測試或啟用歷程/行銷活動,只要這些錯誤尚未解決,例如:
-
The subject line is missing
:電子郵件主旨列是必填欄位。 -
The email version of the message is empty
:尚未設定電子郵件內容時,會顯示此錯誤。
-
檢查和測試電子郵件 preview-test
定義訊息內容後,您可以使用測試設定檔來預覽、傳送校樣,以及在熱門的案頭、行動及網頁型使用者端中控制其呈現。 如果您已插入個人化內容,您可以使用測試設定檔資料預覽此內容在訊息中的顯示方式。
若要預覽電子郵件內容,請按一下[模擬內容] ,然後新增測試設定檔,以使用測試設定檔資料檢查您的訊息。
{width="700" modal="regular"}