自訂編碼的行銷電子郵件在 Outlook 中看起來不同

如果您建立了自訂編碼的行銷電子郵件，您可能會發現電子郵件在 Outlook 中的呈現方式有差異，例如定位或間距問題。

解決間距問題

在 Outlook 中，有兩種調整影像間距的方法：使用 hspace 或 vspace，以及使用表格。

使用 hspace 和 vspace

HTML 屬性vspace定義垂直空間，並會在圖片的頂部和底部加入相等的間距。hspace 屬性定義水平空間，並會在圖片的左右兩側加入相等的間距。

1. 在你的 HubSpot 帳戶中，瀏覽「行銷」>「電子郵件」。
2. 點選使用自訂編碼範本草擬的電子郵件名稱。
3. 在電子郵件編輯器中，點選要編輯的模組 。
4. 在豐富文字工具列中，點選進階下 拉選單，並選擇原始碼。
5. 在對話方塊中，在圖片代碼的末端加入hspace="10" vspace="10" 。將10 改為所需的間距。

使用表格

您可以使用 3 欄表格來均勻地包含圖片、間距和文字。

1. 在你的 HubSpot 帳戶中，瀏覽「行銷」>「電子郵件」。
2. 點選使用自訂編碼範本草擬的電子郵件名稱。
3. 在電子郵件編輯器中，點選要編輯的模組 。
4. 在豐富文字工具列中，點選插入 下拉式功能表，並選擇表格，然後建立一個 3x1 表格。

5. 在豐富文字編輯器工具列中，按一下進階下拉功能表 並選擇原始碼。

6. 在對話方塊中，為空白儲存格新增寬度，例如<td width="10"> ，以設定影像與文字之間的空間。
7. 設定字型、大小和顏色，以及行高，因為 Outlook 會在未指定時加入自己的樣式。

排除意外的水平線

• 將電子郵件的背景顏色設定為與正文顏色相同。
• 更新內容的字型大小和行高為偶數。
• 將下列 CSS 樣式 加入您電子郵件範本的標題部分：