知識庫

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

作者:HubSpot Support | Nov 21, 2022 11:56:18 AM

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

解決間距問題

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

使用 hspace 和 vspace

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

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

使用表格

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

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

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

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

排除意外的水平線

由於某些 Outlook 版本的已知問題,您的電子郵件中各節之間可能會出現水平線。如果出現這種情況,請嘗試以下步驟:
  • 將電子郵件的背景顏色設定為與正文顏色相同。
  • 更新內容的字型大小和行高為偶數。
  • 下列 CSS 樣式 加入您電子郵件範本的標題部分:
ms-text-size-adjust: none; mso-line-height-rule: exactly;