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

電子郵件Designer提供四種建立電子郵件的方式。

您可以建立電子郵件,從電子郵件Designer開始:

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

  2. 您可以​ 從現成可用的範本 ​建立電子郵件,方法是選取範本並從此處建立新的電子郵件內容。 了解更多

您也可以建立包含現有內容的電子郵件🔗

  1. 您可以​ 轉換現有的HTML內容 (在外部或在舊版編輯器中建立)。 了解更多
  2. 您可以在相容模式中立即​ 匯入現有的HTML內容了解更多

使用編輯器設計電子郵件 without-existing-content

NOTE
在這兩種建立策略中,在傳送電子郵件之前填寫主旨行都至關重要。 瞭解如何新增主旨列

從頭開始建立電子郵件 from-scratch-email

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

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

新增主旨列 add-a-subject-line

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

  1. 前往電子郵件Designer首頁的​ Properties ​標籤(透過首頁圖示存取)並填入​ Subject ​區段。

新增結構元件 add-structure-components

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

在「結構」元件中,拖放您要使用之配置圖的元件。

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

新增內容元件 add-content-components

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

  • 影像

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

  • 個人化文字

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

  • HTML

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

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

設定電子郵件元件的樣式

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

  1. 按一下您的​ 文字元件
  2. 在右側的浮動視窗中,移至​ 內距
  3. 按一下鎖定圖示,中斷頂端和底部或右側和左側引數之間的同步化。
  4. 視需要調整​ 內距
  5. 按一下「儲存」。

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

從現成可用的範本建立內容 building-content-from-an-out-of-the-box-template

您可以從現成可用的範本(例如客戶歡迎訊息、電子報和重新參與電子郵件)建立電子郵件,並加以個人化。

  1. 建立電子郵件並開啟其內容。 如需詳細資訊,請參閱建立電子郵件
  2. 按一下首頁圖示以存取​ Email Designer ​首頁。
  3. 按一下「Templates」標籤。
  4. 選擇現成的HTML範本。
    不同的範本會顯示數種元素型別的各種組合。 例如,「羽化」範本有邊界,而「星座」範本則沒有。 如需詳細資訊,請參閱內容範本
  5. 前往電子郵件Designer首頁的​ Properties ​標籤(透過首頁圖示存取)並填入​ Subject ​區段。
  6. 您可以結合這些元素來建置許多電子郵件變體。 例如,您可以選取結構元件,然後從內容工具列按一下「Duplicate」來複製電子郵件區段。
  7. 您可以使用左側的藍色箭頭來移動元素,將結構元件拖曳到另一個元件的下方或上方。 如需詳細資訊,請參閱「編輯電子郵件結構」。
  8. 您也可以移動元件,以變更每個結構元素的組織。 如需詳細資訊,請參閱「新增片段及元件」。
  9. 視需要修改每個元素的內容:影像、文字、連結。
  10. 視需要調整樣式選項以符合您的內容。 如需詳細資訊,請參閱編輯電子郵件樣式

使用現有的電子郵件內容 with-existing-content

如果您想要建立模組化範本和片段的架構,以便合併在多個電子郵件中重複使用,您應考慮將您的電子郵件HTML轉換為電子郵件Designer範本。

轉換HTML內容 converting-an-html-content

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

CAUTION
本節適用於熟悉HTML程式碼的使用者。
NOTE
如同相容性模式,HTML元件可使用有限的選項進行編輯:您只能執行就地編輯。

匯入和編輯HTML電子郵件 compatibility-mode

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

如需將現有電子郵件轉換為與Designer相容之電子郵件的詳細資訊,請參閱本節

recommendation-more-help
3ef63344-7f3d-48f9-85ed-02bf569c4fff