電子郵件設計工具快速入門

電子郵件設計人員提供四種建立電子郵件的方式。

您可以在「電子郵件設計器」中建立一封，從頭開始：

1. 您可以透過輕鬆新增結構和內容元件並個人化其內容，以快速傳送，從空白畫布​建立電子郵件。​您也可以完全管理樣式元素。 如需詳細資訊，請快速入門或參閱 完整檔案。

2. 您可以從​的現成範本​中，選取範本並從此處建立新的電子郵件內容，以建立電子郵件。 進一步瞭解

您也可以建立電子郵件，內含現有內容:

1. 您可以​轉換現有的HTML內容（在外部或舊版編輯器中建立）。 進一步瞭解
2. 您可以在相容性模式下，直接匯入現有的HTML內容​。進一步瞭解

使用編輯器設計電子郵件

從頭開始建立電子郵件

您可以輕鬆建立電子郵件、新增元件並個人化其內容，以便快速傳送。 您可以視需要調整樣式選項以配合您的內容。 有關管理樣式設定和內嵌屬性的詳細資訊，請參閱編輯電子郵件樣式。

1. 建立電子郵件.
2. 關閉首頁。

添加主旨行

傳送電子郵件時，主旨行是必填的。 如需詳細資訊，請參閱定義電子郵件的主旨行。

1. 轉至「電子郵件設計器」首頁的​Properties​頁籤（可通過首頁表徵圖訪問）並填寫​Subject​部分。

添加結構元件

結構元件將定義電子郵件的版面配置。 如需詳細資訊，請參閱定義電子郵件的結構。

在「結構」元件中，拖放您要使用的版面的元件。

添加內容元件

您可以在電子郵件中新增數種內容元件，例如影像、文字和按鈕。 如需詳細資訊，請參閱內容元件。

• 影像

  1. 在​內容元件​中，將影像拖放至其中一個結構元件。
  2. 按一下​瀏覽。
  3. 從您的電腦選取影像檔案。

  

• 文字與個人化

  1. 在​內容元件​中，將文字拖放至其中一個結構元件。
  2. 按一下元件並輸入文字。
  3. 若要新增個人化欄位，請按一下工具列中的「插入個人化欄位」。​
  4. 選擇您需要的欄位，例如名字。

  

• HTML

  1. 在​內容元件​中，將HTML拖放至其中一個結構元件。
  2. 按一下「顯示原始碼」。
  3. 輸入您的HTML內容。
  4. 按一下​保存。

  

  如果您熟悉HTML，則可使用​Html​內容元件，從原始頁尾複製並貼上HTML程式碼。 如需詳細資訊，請參閱關於內容元件。

  

設定電子郵件元件的樣式

您可以調整電子郵件樣式，例如變更元件的間距。 有關管理樣式設定和內嵌屬性的詳細資訊，請參閱編輯電子郵件樣式。

1. 按一下​文本元件。
2. 在調色板的右側，轉至​填充。
3. 按一下鎖定圖示，可中斷上下或左右參數之間的同步。
4. 視需要調整​間距。
5. 按一下​保存。

您現在可以儲存並傳送電子郵件。

從現成可用的範本建立內容

您可以利用現成可用的範本（例如客戶歡迎訊息、電子報和重新參與電子郵件）建立電子郵件，並個人化這些範本。

1. 建立電子郵件並開啟其內容。 有關詳細資訊，請參閱建立電子郵件。
2. 按一下首頁圖示以存取​Email Designer​首頁。
3. 按一下​Templates​頁籤。
4. 選擇現成可用的HTML範本。
   不同的範本呈現多種元素的組合。 例如，「羽化」範本有邊界，而「Astro」範本沒有邊界。 如需詳細資訊，請參閱內容範本。
5. 轉至「電子郵件設計器」首頁的​Properties​頁籤（可通過首頁表徵圖訪問）並填寫​Subject​部分。
6. 您可以結合這些元素來建立許多電子郵件變體。 例如，您可以選擇結構元件，然後從內容相關工具列按一下​Duplicate，以複製電子郵件區段。
7. 可以使用左側的藍色箭頭將元素移動，以將結構元件拖曳到另一個元件下方或上方。 如需詳細資訊，請參閱「編輯電子郵件結構」。
8. 您也可以移動元件以變更每個結構元素的組織。 如需詳細資訊，請參閱「新增片段及元件」。
9. 根據您的需求修改每個元素的內容：影像、文字、連結。
10. 視需要調整樣式選項以配合您的內容。 如需詳細資訊，請參閱編輯電子郵件樣式。

使用現有的電子郵件內容

如果您想要建立模組範本和片段的架構，以便結合在多封電子郵件中重複使用，您應考慮將電子郵件的HTML轉換為電子郵件設計人員範本。

轉換HTML內容

此使用案例提供將HTML電子郵件轉換為電子郵件設計器元件的快速方式。 如需此主題的詳細資訊，請參閱轉換HTML內容。

匯入和編輯HTML電子郵件

上傳內容時，它必須包含特定標籤，才能與「電子郵件設計器」的WYSIWYG編輯器完全相容並可編輯。

有關將現有電子郵件轉換為與電子郵件設計器相容的電子郵件的詳細資訊，請參閱本節。