從頭開始設計電子郵件 designing-an-email-content-from-scratch
瞭解如何掌握電子郵件內容版本。 透過電子郵件Designer,您可以建立以或不以您自己的預先定義內容開始的電子郵件和範本。
以下是使用Email Designer從頭開始建立和設計電子郵件內容的主要步驟:
- 建立電子郵件並開啟其內容。
- 新增結構元件以塑造電子郵件的形狀。 請參閱編輯電子郵件結構。
- 在結構元件中插入內容元件和片段。 請參閱新增片段與內容元件。
- 新增影像並編輯電子郵件的文字。 請參閱插入影像。
- 新增個人化欄位、連結等,以個人化您的電子郵件。 請參閱插入個人化欄位、插入連結和定義電子郵件中的動態內容。
- 定義電子郵件的主旨列。 請參閱個人化電子郵件的主旨列。
- 預覽您的電子郵件。
- 儲存您的內容,並在確定您已定義對象並正確排程傳送後繼續傳送訊息。
您也可以觀看此簡介影片。
定義電子郵件結構 defining-the-email-structure
電子郵件設計工具可讓您輕鬆定義電子郵件的結構。透過使用簡單的拖放動作新增和移動結構元素,您可以在數秒內設計電子郵件的形狀。
若要編輯電子郵件的結構:
-
開啟現有內容或建立新的電子郵件內容。
-
選取左邊的 + 圖示以存取 Structure components。
-
拖放塑造電子郵件所需的結構元件。
在放置結構元件之前,藍線會實體化結構元件的確切位置。 您可以將它拖曳到任何其他元件上方、之間或下方,但不可拖曳到內部。
note note NOTE 請注意,並非所有電子郵件程式都與欄堆疊相容。當不受支援時,將不會堆疊欄。 放入電子郵件後,除非裡面已有內容元件或片段,否則無法移動或移除元件。 -
可以使用由一或多欄組成的多個結構元件。
選取 n:n column 元件以定義您選擇的欄數(介於3到10之間)。 您也可以移動每個欄底部的箭頭來定義其寬度。
note note NOTE 每個欄的大小不能小於結構元件總寬度的 10%。如果欄不是空的,則無法移除。
定義結構後,您就可以將內容片段和元件新增到電子郵件中。
使用預覽文字 preheader
預覽文字是簡短摘要文字,從收件匣檢視電子郵件時緊接在主題行後面。 預先標頭可提供較高的開啟率。
選取 Preheader 編輯方塊並完成內容。
您可以在預覽文字內容中新增 Content block、Dynamic content 或 Personalization fields。
使用內容元件 about-content-components
內容元件是原始的空白元件,放入電子郵件後,您就可以編輯這些元件。
您可以在結構元件中新增任意數量的內容元件。 您也可以在結構元件內部或另一個結構元件中移動它們。
以下是電子郵件Designer中可用元件的清單:
Button
如果您需要使用多個按鈕,而不是從頭開始編輯每個按鈕,您可以使用內容工具列複製 Button 元件。
您也可以將按鈕儲存到可重複使用的片段中。 如需詳細資訊,請參閱建立內容片段和將內容另存為片段。
選取 Fallback view 以在電子郵件Designer中顯示遞補影像。
Text
使用此元件在電子郵件中插入文字。 您可以在 Component Settings 中調整文字的顏色、樣式和大小。
Divider
使用此元件可在電子郵件中插入分隔線。 您可以在 Component Settings 中選取分隔線的顏色、樣式和大小。
HTML
使用此元件來複製貼上現有HTML的不同部分。 這可讓您建立免費的模組化HTML元件。
若只要讓外部內容符合電子郵件Designer,Adobe建議從草稿建立訊息,並將現有電子郵件的內容複製到片段和元件中。
當您有無法重新建立的內容時,可以使用 Html 內容元件從原始電子郵件複製貼上HTML代碼。 在繼續之前,請務必先熟悉HTML。
在複製您的內容之前
- 在原始電子郵件中,識別區段中可重複使用的區段,這些區段對於您將傳送的每封電子郵件都是唯一的。
- 儲存您要使用的所有影像和資產。
- 如果您熟悉HTML,請將原始HTML內容分割成不同的部分。
影片 video-settings
將視訊元件插入電子郵件的結構元件中,並在 Component Settings 中輸入視訊連結。
影像
使用此元件在電子郵件中插入影像。
將影像元件插入結構元件中,然後按一下「瀏覽」即可從電腦上傳影像檔案。
Social
使用此元件來插入電子郵件中的社群媒體頁面連結。 您可以選取要顯示哪些連結及其圖示在 Component Settings 中的大小。
傳送 carousel-settings
-
將 Carousel 元件拖放到結構元件內。
-
瀏覽以從電腦中選取影像。
-
從 Settings 窗格中,設定您想在轉盤中的縮圖數目。
-
從電腦中選取一個後援影像。
轉盤元件並非與所有電子郵件程式相容。 當電子郵件不支援輪播時,上傳遞補以顯示影像。
相關主題: