從頭開始設計電子郵件 designing-an-email-content-from-scratch

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

以下是使用「電子郵件設計工具」從草稿開始建立及設計電子郵件內容的主要步驟:

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

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

NOTE
為避免從草稿設計電子郵件內容,您可以使用現成可用的內容範本。 有關詳細資訊,請參閱 內容範本.

定義電子郵件結構 defining-the-email-structure

電子郵件設計工具可讓您輕鬆定義電子郵件的結構。透過使用簡單的拖放動作新增和移動結構元素,您可以在數秒內設計電子郵件的形狀。

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

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

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

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

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

    note note
    NOTE
    請注意,並非所有電子郵件程式都與欄堆疊相容。當不受支援時,將不會堆疊欄。
    放入電子郵件後,除非裡面已有內容元件或片段,否則無法移動或移除元件。
  4. 可以使用由一或多欄組成的多個結構元件。

    選取 n:n column 元件以定義您選取的欄數(介於3到10之間)。 您也可以移動每個欄底部的箭頭來定義其寬度。

    note note
    NOTE
    每個欄的大小不能小於結構元件總寬度的 10%。如果欄不是空的,則無法移除。

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

使用預覽文字 preheader

預覽文字是簡短摘要文字,從收件匣檢視電子郵件時緊接在主題行後面。 預先標頭可提供較高的開啟率。

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

您可以新增 Content block, a Dynamic contentPersonalization fields 在預覽文字內容中。

NOTE
請注意,並非所有電子郵件程式都與預覽文字相容。當不受支援時,將不會顯示預覽文字。

使用內容元件 about-content-components

內容元件是原始的空白元件,放入電子郵件後,您就可以編輯這些元件。

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

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

Button

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

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

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

Text

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

Divider

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

HTML

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

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

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

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

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

複製內容之前

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

影片 video-settings

將視訊元件插入電子郵件的結構元件中,並在中輸入視訊連結 Component Settings.

NOTE
請注意,並非所有電子郵件程式都與視訊相容。當不受支援時,將會顯示遞補內容。

影像

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

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

Social

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

傳送 carousel-settings

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

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

  3. Settings 窗格,設定轉盤中您想要的縮圖數目。

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

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

NOTE
轉盤元件與下列電子郵件平台相容: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)。

相關主題

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