開始使用電子郵件設計工具

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

您可以建立電子郵件 在電子郵件設計工具中重新啟動:

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

  2. 您可以 從現成可用的範本建立電子郵件 從這裡選取範本並建立新的電子郵件內容。 了解更多

您也可以建立電子郵件 使用現有內容:

  1. 您可以 轉換現有HTML內容 (在外部或舊版編輯器中建立)。 了解更多
  2. 您可以 匯入現有HTML內容 直接以相容模式離開。 了解更多
無內容 包含內容
從草稿建立電子郵件 轉換現有HTML內容
從現成可用的範本建立內容 匯入現有HTML

使用編輯器設計電子郵件

注意

在這兩個建立策略中,在傳送電子郵件之前先填入主旨行至關重要。 了解如何 新增主旨行.

從草稿建立電子郵件

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

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

新增主旨行

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

  1. 前往 Properties 電子郵件設計工具首頁的頁簽(可通過首頁表徵圖訪問)並填寫 Subject 區段。

添加結構元件

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

在「結構」(Structure)元件中,拖放要使用的佈局的元件。

注意

您可以選取將新增至電子郵件的不同內容配置。

新增內容元件

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

  • 影像

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

  • 包含個人化的文字

    1. 內容元件,將文字拖放至您的其中一個結構元件中。
    2. 按一下元件,然後輸入文字。
    3. 若要新增個人化欄位,請按一下 插入個人化欄位 的下一頁。
    4. 選取您需要的欄位,例如「名字」。

  • HTML

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

    如果您熟悉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程式碼的使用者。

注意

與相容性模式一樣,HTML元件也是可編輯的,有限的選項有:您只能執行就地版本。

匯入和編輯HTML電子郵件

上傳內容時,必須包含特定標籤,才能與電子郵件設計工具的WYSIWYG編輯器完全相容且可編輯。

如需將現有電子郵件轉換為與電子郵件設計工具相容的電子郵件的詳細資訊,請參閱 本節.

本頁內容