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

您可使用拖放式電子郵件編輯器，透過添加預建模組來製作行銷郵件。若您偏好使用程式碼模板，建議採用經典編輯器。

本文涵蓋行銷電子郵件內容與設計的編輯方式。深入瞭解如何建立與寄送行銷電子郵件。 

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

在拖放編輯器中，您可透過添加與重新排列預建模組來建立行銷電子郵件。 

管理模組

1. 在你的 HubSpot 帳戶中，瀏覽「行銷」>「電子郵件」。
2. 點擊草稿郵件名稱。 
3. 若要新增模組至郵件，請從 側邊欄編輯器點擊並拖曳模組至 郵件中的指定位置。 
4. 重新排列郵件內模組：
   • 將游標懸停於模組上，點擊並拖曳至新位置。
   • 您可將模組拖曳至現有模組的左右兩側，於該郵件區塊建立新欄位。 

5. 編輯模組內容時，請在 郵件版面中 點擊該模組 。部分模組（如文字模組）可直接在版面中編輯，其餘模組則需透過側邊欄編輯器進行完整自訂。 
6. 複製模組時，請將游標懸停於模組上方，點擊複製圖示 。
7. 刪除模組時，請將游標懸停於模組上方，再點擊刪除圖示。
8. 若需在特定裝置類型上隱藏模組：
   • 於頂部選取欲隱藏模組的裝置類型。
   • 在郵件預覽中，將游標懸停於元素上方，點擊隱藏 圖示。瞭解更多關於隱藏模組的資訊。 

編輯郵件設計

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

1. 在你的 HubSpot 帳戶中，瀏覽「行銷」>「電子郵件」。
2. 點擊草稿郵件名稱。 
3. 在郵件編輯器中，點擊左側邊欄的模板設計圖示。
4. 為您的電子郵件選擇格式： 
   • 預設：最具自訂性的格式。預設格式可設定自訂欄位與內外間距。 
   • 框式：精簡格式，所有內容均置於單一邊框區域內。
   • 簡約版：無欄位與間距的精簡版面配置。純文字郵件主要推薦用於一對一通訊。 

5. 於「範本」區段設定 電子郵件的整體樣式規範：
   • 正文顏色：設定郵件正文背景色。輸入十六進位色碼或 點擊選色器 選擇顏色。 
   • 邊框寬度：若採用盒裝格式，請以像素為單位設定邊框寬度。
   • 邊框顏色：若採用框式版型，請設定邊框顏色。輸入十六進位代碼或點擊選色器選擇顏色。
   • 背景類型：設定純色背景或圖案背景。
   • 背景顏色/圖案：選擇背景顏色或圖案。設定背景圖案時，亦可設定當郵件客戶端無法顯示背景圖片時，預設顯示的背景顏色。 
6. 在文字樣式區段中，設定電子郵件文字的樣式規範。可針對段落、h1 和 h2 文字設定特定字型、字型大小及顏色。亦可為所有連結設定顏色與樣式。 
7. 按鈕區段：設定電子郵件按鈕的樣式規範。可設定按鈕圓角半徑與顏色，並為按鈕文字設定字型、字色、字號及樣式。 
8. 在分隔線區段中，設定電子郵件分隔線的樣式規範。您可設定分隔線高度與顏色，以及線條樣式（實線、虛線或點線）。 
9. 在「間距」區段中，設定電子郵件內距的樣式規範。
   • 若要將相同內距套用至所有邊界，請勾選「套用至所有邊界」核取方塊。
   • 若需分別設定郵件頂部與底部的內距，請在各欄位輸入像素值。
   • 若要移除所有行動裝置的內邊距，請勾選「移除行動裝置內邊距」核取方塊。 

在拖放式電子郵件編輯器中使用儲存區段

透過儲存區段功能，您可將行銷電子郵件的特定區段儲存起來，以便在其他行銷郵件中重複使用。此功能僅適用於在拖放編輯器中建立的郵件。 

編輯區段

1. 在你的 HubSpot 帳戶中，瀏覽「行銷」>「電子郵件」。
2. 點擊草稿郵件的名稱。 
3. 在郵件預覽中點擊區段。
4. 在側邊欄編輯器中，於「可見性」區段設定區塊在不同裝置上的顯示狀態： 
   • 要設定區段的可見性，請點擊「顯示」或 「隱藏」。 

• • 若需分別設定行動裝置與桌面裝置的顯示狀態，請關閉「所有裝置」切換開關，再於「桌面裝置」與「行動裝置」區塊點擊「顯示」或「隱藏」。 

5. 在「欄位」區段中，點擊欄位排列方式。此設定控制區段內欄位的數量與大小。 
6. 在「欄位對齊」區段中，選擇頂部、中部或底部。此設定控制區塊內模組的垂直對齊方式。 
7. 在「堆疊」區段中，選擇欄位的堆疊行為。此設定控制模組在行動裝置上的顯示方式。 
8. 在背景區段中，可為電子郵件設定背景。關閉「所有裝置」切換鈕即可分別設定行動裝置與桌面裝置的背景。 
9. 在間距區段中，可為區塊新增頂部與底部填充。關閉「所有裝置」切換鈕即可分別設定行動裝置與桌面裝置的填充值。 

儲存區段

1. 在你的 HubSpot 帳戶中，瀏覽「行銷」>「電子郵件」。
2. 點擊草稿郵件名稱。 
3. 在郵件預覽中，將游標懸停於區段上方，點擊「 保存 可編輯檢視」 圖示。

4. 於對話框中輸入區段名稱，點擊「儲存」。 

使用已儲存區段

1. 在你的 HubSpot 帳戶中，瀏覽「行銷」>「電子郵件」。
2. 點擊草稿郵件名稱。 
3. 在郵件編輯器中，點擊側邊欄編輯器的「區段」標籤。 
4. 點擊已儲存的區段，並將其拖曳至電子郵件中的指定位置。 

管理儲存區段

1. 在你的 HubSpot 帳戶中，瀏覽「行銷」>「電子郵件」。
2. 點擊草稿郵件的名稱。 
3. 在郵件編輯器中，點擊側邊欄編輯器的「區段」標籤。 
4. 在「已儲存區段」下方點擊「管理」。

1. 在右側面板中，可透過檢視與排序下拉式選單篩選已儲存區段。
2. 點擊已儲存區段旁的「動作」下拉式選單，並從下列選項中選擇： 
   • 加入最愛：將此區段新增至您最喜愛的區段。
   • 隱藏：將此區段從側邊欄編輯器移除。若您在管理區段時篩選隱藏區段，仍可存取此區段。 
   • 顯示：若您曾隱藏此區段，可恢復其在側邊欄編輯器中的顯示。 
   • 刪除：永久刪除此區段。在對話方塊中點擊「刪除區段」確認。此操作無法撤銷。任何已使用此區段的現有郵件將不受影響。 

在經典編輯器中編輯郵件

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

編輯電子郵件設計

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

1. 在你的 HubSpot 帳戶中，瀏覽「行銷」>「電子郵件」。
2. 點擊草稿電子郵件的名稱。 
3. 在電子郵件編輯器中，點擊左側邊欄的模板設計圖示。
4. 若要在設計管理器中編輯電子郵件模板：
   • 於側邊欄編輯器中，點擊「動作」下拉選單並選擇「編輯此範本」。 
   • 在對話方塊中，選擇「編輯此範本」以修改適用於清單資產的原始範本，或選擇「複製並編輯新範本」以建立僅適用於當前郵件的範本副本。 
5. 於設計管理器中編輯範本後，點擊右上角的「發佈變更」。 

編輯樣式

您可透過行銷電子郵件設定，為經典編輯器建立的電子郵件設定預設樣式。 

1. 在你的 HubSpot 帳戶中，點擊頂端導覽列中的settings「設定圖示」。
2. 於左側邊欄選單中，導航至行銷 > 電子郵件。 
3. 點擊「品牌設定（經典編輯器）」標籤頁。 
4. 於「尺寸」區段輸入行銷電子郵件預設 寬度與內文填充值（單位為像素） 。 
5. 在字型區段中自訂電子郵件的主字型與次要字型： 
   • 點擊「主要字型」下拉選單並選擇字型。 
   • 點擊「主要字型大小」下拉選單並以像素為單位選擇尺寸。
   • 於「主要字型顏色」欄位設定字體顏色： 
     • 若要使用十六進位代碼，請在欄位中輸入代碼。
     • 若需手動選取顏色，請點擊取色器。在彈出視窗中，點擊並拖曳滑桿選擇基礎色，再點擊滑桿上方的最終顏色。
     • 若使用 RGB 值，請點擊選色器，然後在R、G、B欄位中輸入數值。 

5. • 重複上述步驟設定次要字型。 
6. 在「顏色」區段中，設定主次輔色、主體文字與背景的顏色。
7. 點擊邊框顏色選項下拉式選單並選擇： 
   • 自動設定邊框顏色：電子郵件邊框顏色將依據其範本自動設定。 
   • 手動設定郵件邊框顏色：為所有使用經典編輯器的郵件設定統一邊框色。於「邊框顏色」欄位 輸入十六進位代碼，或點擊選色器選擇顏色／輸入RGB值。 
   • 不為郵件正文添加邊框：使用經典編輯器的郵件將不顯示邊框。 

將電子郵件轉換為使用拖放式模板

若您的電子郵件使用的是佈局編輯器建立的範本或預設程式碼範本（而非自訂程式碼範本），則可轉換為使用拖放編輯器。 

1. 在你的 HubSpot 帳戶中，瀏覽「行銷」>「電子郵件」。
2. 點擊草稿郵件名稱。 
3. 在對話方塊中點擊「預覽轉換後的電子郵件」以檢視轉換效果。 
4. 點擊轉換為拖放功能。