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

如果您建立了自訂編碼的行銷電子郵件，您可能會發現電子郵件在 Outlook 中的呈現方式有差異，例如定位或間距問題。您可以遵循以下部分的疑難排解步驟來提供協助

如果您發現 Outlook 中電子郵件的定位或間距看起來不對，請遵循下列疑難排解步驟。

在 HubSpot設計師社群了解更多關於電子郵件設計的資訊。

間距

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

使用 hspace 和 vspace

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

• 在你的 HubSpot 帳戶中，瀏覽「行銷」>「電子郵件」。

• 將滑鼠移至具有自訂編碼範本的電子郵件名稱，然後按一下「編輯」。

• 點選進入內容模組。

• 在圖片程式碼的末端，加入下列其中一個或兩個程式碼：hspace="10" vspace="10", 將 10 改為所需的間距。

使用表格

您可以使用三欄表格來平均包含圖片、間距和文字：

• 在你的 HubSpot 帳戶中，瀏覽「行銷」>「電子郵件」。

• 將具有自訂編碼範本的電子郵件名稱移至上方，然後按一下「編輯」。

• 在豐富文字編輯器工具列中，按一下插入 > 表格。建立一個 3x1 表格。
  
  

  

• 在豐富文字編輯器工具列中，按一下進階，然後選擇原始碼。

• 在空白儲存格中指定寬度，例如<td width="10"> ，以表示您希望圖片與文字之間的間距。

• 指定字型、字型大小、字型顏色和行高，例如style="font-family: sans-serif; font-size:15px; line-height: 1.5em; color: #000000" ，因為 Outlook 會在未指定時加入自己的樣式。

解決電子郵件中意外出現橫線的問題

由於某些 Outlook 版本的已知錯誤，您的電子郵件中各節之間可能會出現水平線。雖然沒有一致的方法來解決這個問題，但您可以嘗試以下的疑難排解步驟：

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

ms-text-size-adjust: none; mso-line-height-rule: exactly;