編輯行銷電子郵件內容與設計

您可以使用拖放式電子郵件編輯器，透過加入預先建立的模組來建立行銷電子郵件。如果您偏好使用編碼範本，建議使用經典編輯器。

本文涵蓋編輯行銷電子郵件的內容和設計。進一步瞭解如何建立與傳送行銷電子郵件。

在拖放式電子郵件編輯器中編輯電子郵件

在拖放式編輯器中，您可以透過新增和重新排列預先建立的模組來建立行銷電子郵件。

管理模組

1. 在你的 HubSpot 帳戶中，瀏覽「行銷」>「電子郵件」。
2. 點選已草擬電子郵件的名稱 。
3. 若要在電子郵件中加入新模組，請點選並拖曳側邊列編輯器中的模組到 電子郵件中的位置。
4. 若要重新排列電子郵件內的模組，請
   • 將滑鼠移至模組上方，然後按一下並將模組拖曳到不同位置。
   • 您可以將模組拖到現有模組的右側或左側，以在電子郵件的該部分建立新欄位。

5. 若要編輯模組內容，請按一下電子郵件版面中的模組 。某些模組 (例如文字模組) 可直接在版面中編輯，而其他模組則完全在側邊列編輯器中自訂。
6. 若要複製模組，請將滑鼠移至模組上方，然後按一下duplicate clone複製 圖示。
7. 若要刪除模組，請將滑鼠停在模組上，然後按一下deletet 刪除圖示。
8. 要在特定類型的裝置上檢視時隱藏模組：
   • 在頂端，選擇您要隱藏模組的裝置類型。
   • 在電子郵件預覽中，將滑鼠停留在該元素上，然後按一下hide 隱藏 圖示。進一步瞭解隱藏模組。

編輯電子郵件設計

您可以編輯電子郵件的整體設計，以及個別模組的樣式選項。

1. 在你的 HubSpot 帳戶中，瀏覽「行銷」>「電子郵件」。
2. 按一下已起草電子郵件的名稱 。
3. 在電子郵件編輯器中，點選左側欄的範本設計 圖示。
4. 選擇電子郵件的格式 ：
   • 預設：最可自訂的格式。使用預設格式，您可以設定自訂欄位和襯墊。
   • Boxed (方塊)：簡化格式，所有內容都在單一邊框區域內。
   • 簡潔：簡化的版面，沒有欄位或襯墊。純文字電子郵件建議主要用於一對一的溝通。

5. 在範本區 段中，設定電子郵件的一般樣式準則：
   • 正文顏色：設定電子郵件正文的背景顏色。輸入十六進位代碼 或按一下顏色選擇器 並選擇顏色。
   • 邊框寬度：若使用方塊格式，請設定邊框寬度（以像素為單位）。
   • 顏色：如果使用方塊格式，設定邊框顏色。輸入十六進位代碼或按一下顏色選擇器，然後選擇顏色。
   • 背景類型：將背景設定為純色或圖案。
   • 背景顏色/圖案：選擇背景顏色或圖案。設定背景圖案時，如果電子郵件用戶端無法呈現背景圖片，您也可以設定要呈現的背景顏色。
6. 在文字樣式 部分，設定電子郵件文字的樣式指引。您可以為段落、h1 和 h2 文字設定特定字型，以及字型大小和顏色。您也可以為所有連結設定顏色和樣式。
7. 在按鈕 部分，設定電子郵件按鈕的樣式指引。您可以設定按鈕的半徑和顏色。對於按鈕文字，您可以設定字型、字型顏色、大小和樣式。
8. 在分割線區 段中，設定電子郵件分割線的樣式指引。您可以設定分隔線的高度、顏色及其樣式 (實心、虛線或圓點)。
9. 在Spacing 區段中，設定電子郵件填充的樣式指引。
   • 若要在所有側面套用相同的襯墊，請選取套用至所有側面核取方塊。
   • 若要在電子郵件的頂部和底部套用個別的襯墊，請在每個欄位中輸入像素值 。
   • 若要移除所有行動裝置上的襯墊，請選取移除行動裝置上的襯墊核取方塊。

在拖放電子郵件編輯器中使用儲存的部分

透過儲存區段，您可以儲存行銷電子郵件的區段，以便在其他行銷電子郵件中重複使用。儲存的區段只適用於以拖放編輯器建立的電子郵件。

編輯區段

1. 在你的 HubSpot 帳戶中，瀏覽「行銷」>「電子郵件」。
2. 按一下草擬的電子郵件名稱 。
3. 在電子郵件預覽中，點選一個區段。
4. 在側邊列編輯器中的可見性下方，設定該區段在不同裝置上的可見性：
   • 若要設定區段的可見性，請按一下顯示 或隱藏。

• • 若要分別設定行動和桌上型電腦的可見性，請切換關閉所有裝置 開關。然後按一下桌面 和行動版 部分的顯示 或隱藏 。

5. 在欄位 部分，按一下欄位排列。這可以控制該部分欄位的數量和大小。
6. 在欄對齊 部分，選擇上層、中層或下層。這可以控制章節中模組的垂直排列。
7. 在堆疊 部分，選擇欄的堆疊 方式 。這可控制模組在行動裝置上的顯示方式。
8. 在背景 部分，您可以設定電子郵件的背景。切換「關閉所有裝置 」開關，以分別設定行動裝置和桌上型電腦的背景。
9. 在Spacing 區段中，您可以為區段加入上下襯墊。切換關閉所有裝置 開關，以分別設定行動裝置和桌面裝置的襯墊。

儲存部分

1. 在你的 HubSpot 帳戶中，瀏覽「行銷」>「電子郵件」。
2. 按一下草擬的電子郵件名稱 。
3. 在電子郵件預覽中，將滑鼠移至某部分，然後按一下saveEditableView 儲存圖示。

4. 在對話方塊中，輸入該區段的名稱，然後按一下儲存。

使用已儲存的部分

1. 在你的 HubSpot 帳戶中，瀏覽「行銷」>「電子郵件」。
2. 按一下草擬的電子郵件名稱 。
3. 在電子郵件編輯器中，按一下側邊列編輯器中的節點標 籤。
4. 按一下儲存的部分，然後將其拖曳到電子郵件中的位置。

管理儲存的部分

1. 在你的 HubSpot 帳戶中，瀏覽「行銷」>「電子郵件」。
2. 按一下已起草電子郵件的名稱 。
3. 在電子郵件編輯器中，按一下側邊列編輯器中的節點 索引標籤。
4. 在儲存的部分下，按一下管理。

1. 在右側面板中，您可以使用檢視 和排序 下拉式功能表篩選已儲存的部分。
2. 按一下已儲存部分旁邊的動作 下拉式功能表，並從下列項目中選取：
   • 加入我的最愛：將此區段加入您的最愛區段。
   • 隱藏： 從側邊列編輯器中移除此區段。如果您篩選已隱藏的區段，在管理區段時仍可存取此區段。
   • 顯示：如果您已經將此區段隱藏，請將它還原到側邊列編輯器。
   • 刪除： 永久刪除此區段。在對話方塊中，按一下刪除區段以確認。此動作無法撤銷。任何使用該區段的現有電子郵件都不會受到影響。

在傳統編輯器中編輯電子郵件

在經典版編輯器中，您可以使用在設計管理員中建立的範本來建立電子郵件。

編輯電子郵件設計

若要使用在設計管理員中建立的範本對電子郵件進行設計變更，您可以在設計管理員中編輯範本

1. 在你的 HubSpot 帳戶中，瀏覽「行銷」>「電子郵件」。
2. 按一下草擬的電子郵件名稱 。
3. 在電子郵件編輯器中，按一下左側列中的範本設計 圖示。
4. 若要在設計管理員中編輯電子郵件的範本，請
   • 在側邊列編輯器中，按一下動作 下拉式功能表，然後選擇編輯此範本。
   • 在對話方塊中，選擇「編輯此 範本」以編輯用於列出資產的範本，或選擇「複製並編輯新範本 」以編輯僅用於此電子郵件的當前範本複本。
5. 在設計管理員中，編輯範本，然後按一下右上方的「發佈變更 」。

轉換電子郵件使用拖放範本

如果您的電子郵件使用在版面編輯器中建立的範本或預設編碼範本，而非自訂編碼範本，您可以將電子郵件轉換為使用拖放編輯器。

1. 在你的 HubSpot 帳戶中，瀏覽「行銷」>「電子郵件」。
2. 按一下草擬的電子郵件名稱 。
3. 在對話方塊中，按一下預覽轉換後 的電子郵件，以預覽轉換後的電子郵件外觀。
4. 按一下轉換為拖放。