从头开始设计电子邮件

瞭解如何掌握電子郵件內容版本。 透過電子郵件設計工具，您可以建立以或不以您自己的預先定義內容開始的電子郵件和範本。

以下是使用Email Designer從頭開始建立和設計電子郵件內容的主要步驟：

  1. 建立電子郵件並開啟其內容。
  2. 新增結構元件以塑造電子郵件的形狀。 另請參閱 編輯電子郵件結構.
  3. 在結構元件中插入內容元件和片段。 另請參閱 新增片段和內容元件.
  4. 新增影像並編輯電子郵件的文字。 另請參閱 插入影像.
  5. 新增個人化欄位、連結等，個人化您的電子郵件。 另請參閱 插入個人化欄位， 插入連結 和 定義電子郵件中的動態內容.
  6. 定義電子郵件的主旨行。 另請參閱 個人化電子郵件的主旨行.
  7. 预览电子邮件.
  8. 儲存您的內容，然後在確定您已定義對象並正確排程傳送後，繼續傳送訊息。

您也可以檢視此 簡介影片.

注意

為避免從頭開始設計電子郵件內容，您可以使用現成的內容範本。 如需詳細資訊，請參閱 內容範本.

定義電子郵件結構

使用电子邮件设计器，您可以轻松定义电子邮件的结构。透過簡單的拖放動作來新增和移動結構元素，您可以在數秒內設計電子郵件的形狀。

若要編輯電子郵件的結構：

  1. 開啟現有內容或建立新的電子郵件內容。

  2. 存取 Structure components 藉由選取 + 圖示加以檢視。

  3. 拖放您塑造電子郵件所需的結構元件。

    藍線會在您放置結構元件之前實化結構元件的確切位置。 您可以將它拖曳至任何其他元件上方、之間或下方，但不可拖曳至內部。

    注意

    请注意，并非所有电子邮件程序都与列堆叠兼容。当不支持时，将不堆叠列。

    放入電子郵件後，除非裡面已有內容元件或片段，否則無法移動或移除元件。

  4. 可使用由一或多欄組成的多個結構元件。

    選取 n:n column 元件以定義所選欄數（3到10之間）。 还可以通过移动每个列底部的箭头来定义该列的宽度。

    注意

    每个列的大小不能小于结构组件的总宽度的 10%。不能删除非空列。

定義結構後，您就可以將內容片段和元件新增到電子郵件中。

使用邮件引文

預覽文字是簡短摘要文字，在從收件匣檢視電子郵件時遵循主旨行。 預先標頭可提供較高的開啟率。

選取 Preheader 編輯方塊並完成內容。

您可以新增 Content block， a Dynamic content 或 Personalization fields 在預覽文字內容中。

注意

请注意，并非所有电子邮件程序都与邮件引文兼容。当不支持时，将不显示邮件引文。

使用內容元件

內容元件是原始的空白元件，放入電子郵件後即可加以編輯。

您可以在結構元件中新增任意數量的內容元件。 您也可以在結構元件內部或另一個結構元件中移動它們。

以下是電子郵件設計工具中可用元件的清單：

Button

如果您需要使用多個按鈕，而不是從頭開始編輯每個按鈕，您可以複製 Button 使用內容工具列的元件。

您也可以將按鈕儲存到可重複使用的片段中。 如需詳細資訊，請參閱 建立內容片段 和 將內容另存為片段.

選取 Fallback view 以在電子郵件設計工具中顯示遞補影像。

Text

使用此元件在電子郵件中插入文字。 您可以調整文字的顏色、樣式和大小 Component Settings.

Divider

使用此元件可在電子郵件中插入分割線。 您可以選取中破斷線的顏色、樣式和大小 Component Settings.

HTML

使用此元件可複製並貼上現有HTML的不同部分。 這可讓您建立免費的模組化HTML元件。

注意

可用有限的選項編輯自由HTML元件。 如果所有樣式並非內嵌，請務必在 head 區段的HTML，否則電子郵件將不會回應。 使用 Preview 按鈕來測試內容的回應能力(請參閱 預覽訊息)。

為了讓外部內容符合電子郵件設計工具，Adobe建議從草稿建立訊息，並將現有電子郵件的內容複製到片段和元件中。

當您有無法重新建立的內容時，可以使用從原始電子郵件複製並貼上HTML代碼 Html 內容元件。 繼續之前，請務必先熟悉HTML。

注意

新內容不會與原始電子郵件完全相同，但以下步驟將引導您建立儘可能接近的訊息。

複製內容之前

  1. 在原始電子郵件中，識別區段中可重複使用的區段，這些區段對於您將傳送的每封電子郵件都是唯一的。
  2. 儲存您要使用的所有影像和資產。
  3. 如果您熟悉HTML，請將原始HTML內容分割成不同部分。

视频

將視訊元件插入電子郵件的結構元件中，然後在 Component Settings.

注意

请注意，并非所有电子邮件程序都与视频兼容。当不支持时，将显示回退。

图像

使用此元件在電子郵件中插入影像。

將影像元件插入結構元件中，然後按一下「瀏覽」即可從電腦上傳影像檔案。

Social

使用此元件可在電子郵件中插入社群媒體頁面的連結。 您可以選取要顯示的連結及其圖示大小 Component Settings.

  1. 拖放 Carousel 結構元件內的元件。

  2. 瀏覽以從您的電腦中選取影像。

  3. 從 Settings 窗格，設定您想在轉盤中放入的縮圖數目。

  4. 從電腦中選取一個備援影像。

轉盤元件並非與所有電子郵件程式相容。 當電子郵件不支援輪播時，請上傳遞補以顯示影像。

注意

輪播元件與下列電子郵件平台相容：Apple Mail 7、Apple Mail 8、Outlook 2011 for Mac、Outlook 2016 for Mac、Mozilla Thunderbird、iPad和iPad mini iOS、iPhone iOS、Android、AOL （Chrome、Firefox和Safari）。

相关主题：

在此页面上