電子郵件訊息製作

從​ 設計您的範本 ​首頁，選取​ 從頭開始設計 ​選項。

在​ 建立電子郵件 ​對話方塊中，選擇您要編寫的電子郵件內容型別。

• 使用佈景主題 — 選擇此選項可在​ 佈景主題模式 ​中建立電子郵件。 在此模式中，您可以使用已定義的品牌主題來簡化內容製作程式，並確保設計符合已定義的標準。

• 手動樣式 — 選擇此選項可在​ 手動模式 ​中建立電子郵件。 在此模式中，您可以手動設定新增至空白畫布的所有結構和內容元件的樣式。

將結構和內容新增到範本。

檢閱和更新連結。

測試電子郵件。

從​ 設計您的範本 ​首頁，選取​ 匯入HTML ​選項。

拖放包含HTML內容的HTML或.zip檔案，然後按一下​ 匯入。

若要開始您的內容設計，請從​ 結構 ​拖曳一個專案，然後將其放到畫布上。

視需要從​ 結構 ​新增任意數目的專案，並編輯右側窗格中每個專案的設定。

{width="800" modal="regular"}

每個欄大小不能小於結構元件總寬度的10%。 只能移除空白欄。

展開​ 內容 ​區段，並視需要新增內容元件至一或多個結構元件。

{width="800" modal="regular"}

如有需要，您可以在​ 設定 ​或​ 樣式 ​標籤中為每個元件進行其他自訂。

例如，您可以變更每個元件的文字樣式、邊框間距或邊界。

若要新增條件式內容並根據條件式規則將內容調整至目標設定檔，請選取內容元件，然後按一下元件工具列中的「啟用條件式內容」圖示。

如需詳細資訊，請參閱​ 條件式內容。

在右側顯示的​ 樣式 ​索引標籤中，按一下​ 新增自訂CSS。

新增自訂CSS ​彈出式編輯器會顯示預留位置代碼註解。

在編輯器中輸入CSS程式碼。

請確定自訂CSS有效並遵循正確語法。 如果輸入的CSS無效，會顯示錯誤訊息且無法儲存CSS。 若要深入瞭解，請參閱CSS有效性。

按一下[儲存]儲存自訂CSS。​

自訂樣式表會套用至現有內容。 您可以檢查自訂CSS是否已根據您的需求套用。 如需如何進行變更及調整樣式表應用程式的詳細資訊，請參閱疑難排解。

要打開片段清單，請選擇 片段 圖示 ）。

您可以：

• 對清單進行排序。
• 瀏覽、搜尋或篩選列表。
• 在縮圖檢視和清單視圖之間切換。
• 重新整理清單以反映任何最近建立的片段。

{width="700" modal="regular"}

將任何片段拖放到結構元件中。

編輯者 在電子郵件結構的節/元素內轉譯片段。

片段內容在結構中動態更新，以显示內容在內容中的显示方式。

選擇片段元件。

右側顯示的設定包含欄位和可編輯欄位以及預設值。

{width="700" modal="regular"}

請視需要變更任何可編輯欄位。

直接在畫布中選取結構元件中的欄，或使用左側顯示的​ 導覽樹狀結構。

在欄工具列中，按一下​ 選取欄 ​工具，然後選擇您要編輯的工具。

您也可以從結構樹中選取它。 該欄的可編輯引數會顯示在右側的​ 設定 ​和​ 樣式 ​索引標籤中。

在視覺化設計工具中顯示的 {width="800" modal="regular"}

若要編輯欄屬性，請按一下右側的​ 樣式 ​索引標籤，並根據您的需求加以變更：

• 針對​ 背景，視需要變更背景顏色。

  清除透明背景的核取方塊。 啟用​ 背景影像 ​設定，以使用影像做為背景，而非純色。

• 針對​ 對齊，請選取​ 上、中 ​或​ 下 ​圖示。

• 針對​ 內距，定義所有邊的內距。

  若要微調內距，請選取​ 每一邊不同的內距。 按一下​ 鎖定 ​圖示以中斷同步處理。

• 擴充​ 進階 ​區段以定義資料行的內嵌樣式。

{width="700" modal="regular"}

如有需要，請重複這些步驟來調整元件中其他欄的對齊與邊框間距。

儲存您的變更。

選取文字元件，然後按一下工具列中的​ 新增個人化 ​圖示。

{width="600"}

此動作會開啟​ 編輯Personalization ​對話方塊。

按一下標籤旁的加號( + )以新增標籤。

如果您想要新增具有遞補字元的語彙基元（當該欄位無法供潛在客戶使用時顯示的預設文字），請按一下​ 更多 ​圖示( …)，然後選擇​ 插入具有遞補文字。

{width="700" modal="regular"}

新增任何其他您要加入的代號或其他靜態文字。

按一下​ 儲存。

個人化指令碼會顯示在視覺化設計區域中。 您可以視需要進行變更來選取它。

{width="600"}

按一下左側的​ 連結 ​圖示（ ）以顯示您要追蹤內容中的所有連結URL。

如有需要，請按一下​ 編輯 （ ）圖示，並修改​ 追蹤型別 ​或​ 標籤。

您也可以為連結新增​ 標籤。