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

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

您可以在電子郵件設計工具🔗中建立從新開始的電子郵件:

  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​內容元件,從原始頁尾複製並貼上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編輯器完全相容且可編輯。

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

本頁內容