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

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

您可以建立電子郵件 在電子郵件設計工具中重新開始

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

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

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

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

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

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

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

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

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

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

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

  1. 前往 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. 前往 Properties 電子郵件設計工具首頁的頁簽(透過首頁圖示存取)並填寫 Subject 區段。
  6. 您可以結合這些元素來建置許多電子郵件變體。 例如,您可以選取結構元件並按一下 Duplicate 從內容工具列。
  7. 您可以使用左側的藍色箭頭來移動元素,將結構元件拖曳到另一個元件的下方或上方。 如需詳細資訊,請參閱「編輯電子郵件結構」。
  8. 您也可以移動元件,以變更每個結構元素的組織。 如需詳細資訊,請參閱「新增片段及元件」。
  9. 視需要修改每個元素的內容:影像、文字、連結。
  10. 視需要調整樣式選項以符合您的內容。 如需詳細資訊,請參閱編輯電子郵件樣式

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

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

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

此使用案例提供一種將HTML電子郵件快速轉換為電子郵件設計工具元件的方法。 如需有關本主題的詳細資訊,請參閱 轉換HTML內容.

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

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

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

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

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