開始使用電子郵件設計工具 quick-start
電子郵件Designer提供四種建立電子郵件的方式。
您可以建立電子郵件,從電子郵件Designer開始:
您也可以建立包含現有內容的電子郵件🔗:
使用編輯器設計電子郵件 without-existing-content
從頭開始建立電子郵件 from-scratch-email
您可以輕鬆建立電子郵件、新增元件並個人化其內容,以快速傳送傳遞。 您可以視需要調整樣式選項以符合您的內容。 如需管理樣式設定和內嵌屬性的詳細資訊,請參閱編輯電子郵件樣式。
- 建立電子郵件。
- 關閉首頁。
新增主旨列 add-a-subject-line
傳送電子郵件時,主旨列是必填欄位。 如需詳細資訊,請參閱定義電子郵件的主旨列。
- 前往電子郵件Designer首頁的 Properties 標籤(透過首頁圖示存取)並填入 Subject 區段。
新增結構元件 add-structure-components
結構元件將定義電子郵件的配置。 如需詳細資訊,請參閱定義電子郵件的結構。
在「結構」元件中,拖放您要使用之配置圖的元件。
新增內容元件 add-content-components
您可以將數個內容元件新增至電子郵件,例如影像、文字和按鈕。 如需詳細資訊,請參閱內容元件。
-
影像
- 在 內容元件 中,將影像拖放至您的其中一個結構元件中。
- 按一下 瀏覽。
- 從電腦中選取您的影像檔。
-
個人化文字
- 在 內容元件 中,將文字拖放至其中一個結構元件中。
- 按一下元件並輸入文字。
- 若要新增個人化欄位,請按一下工具列中的[插入]個人化欄位 。
- 選取您需要的欄位,例如「名字」。
-
HTML
- 在 內容元件 中,將HTML拖放至您的其中一個結構元件中。
- 按一下 顯示原始程式碼。
- 輸入您的HTML內容。
- 按一下「儲存」。
如果您熟悉HTML,可以使用 Html 內容元件,從原始頁尾複製貼上HTML程式碼。 如需詳細資訊,請參閱關於內容元件。
設定電子郵件元件的樣式
您可以調整電子郵件樣式,例如透過變更元件的邊框間距。 如需管理樣式設定和內嵌屬性的詳細資訊,請參閱編輯電子郵件樣式。
- 按一下您的 文字元件。
- 在右側的浮動視窗中,移至 內距。
- 按一下鎖定圖示,中斷頂端和底部或右側和左側引數之間的同步化。
- 視需要調整 內距。
- 按一下「儲存」。
您現在可以儲存並傳送電子郵件。
從現成可用的範本建立內容 building-content-from-an-out-of-the-box-template
您可以從現成可用的範本(例如客戶歡迎訊息、電子報和重新參與電子郵件)建立電子郵件,並加以個人化。
- 建立電子郵件並開啟其內容。 如需詳細資訊,請參閱建立電子郵件。
- 按一下首頁圖示以存取 Email Designer 首頁。
- 按一下「Templates」標籤。
- 選擇現成的HTML範本。
不同的範本會顯示數種元素型別的各種組合。 例如,「羽化」範本有邊界,而「星座」範本則沒有。 如需詳細資訊,請參閱內容範本。 - 前往電子郵件Designer首頁的 Properties 標籤(透過首頁圖示存取)並填入 Subject 區段。
- 您可以結合這些元素來建置許多電子郵件變體。 例如,您可以選取結構元件,然後從內容工具列按一下「Duplicate」來複製電子郵件區段。
- 您可以使用左側的藍色箭頭來移動元素,將結構元件拖曳到另一個元件的下方或上方。 如需詳細資訊,請參閱「編輯電子郵件結構」。
- 您也可以移動元件,以變更每個結構元素的組織。 如需詳細資訊,請參閱「新增片段及元件」。
- 視需要修改每個元素的內容:影像、文字、連結。
- 視需要調整樣式選項以符合您的內容。 如需詳細資訊,請參閱編輯電子郵件樣式。
使用現有的電子郵件內容 with-existing-content
如果您想要建立模組化範本和片段的架構,以便合併在多個電子郵件中重複使用,您應考慮將您的電子郵件HTML轉換為電子郵件Designer範本。
轉換HTML內容 converting-an-html-content
此使用案例提供快速將HTML電子郵件轉換為電子郵件Designer元件的方式。 如需此主題的詳細資訊,請參閱轉換HTML內容。
匯入和編輯HTML電子郵件 compatibility-mode
上傳內容時,內容必須包含特定標籤,才能與電子郵件Designer的WYSIWYG編輯器完全相容且可編輯。
如需將現有電子郵件轉換為與Designer相容之電子郵件的詳細資訊,請參閱本節。