知識庫

Outlook中的行銷電子郵件看起來不一樣

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

如果您使用更新的傳統電子郵件編輯器來草擬行銷電子郵件,由於Outlook對CSS的支援有限,您可能會發現電子郵件在Outlook中的呈現方式存在差異。

如果您發現Outlook中的電子郵件位置或間距有誤,請遵循下列疑難排解步驟。

在HubSpot設計師社羣中深入瞭解電子郵件設計。 

請注意: HubSpot支援不支援自訂編碼電子郵件範本。 如果您使用的是自訂編碼範本,請與建立範本的供應商聯絡。 您也可以與社羣中的其他HubSpot使用者和設計師建立聯繫。

間距

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

使用hspace和vspace

HTML屬性vspace定義垂直空間,並將相等的空間添加到影像的頂部和底部。 Hspace屬性定義了水平空間,並將相等的空間添加到影像的左右。

  • 使用自訂編碼範本將遊標暫留於電子郵件名稱上,然後按一下「編輯」。

  • 按一下進入內容模組。

  • 在圖像代碼的末尾,添加以下代碼之一或兩者: hspace="10" vspace="10" , 將10替換為所需的間距。

使用表格

您可以使用3欄表格來均勻地包含影像、間距和文字:

  • 自訂編碼範本懸停在電子郵件名稱上,然後按一下「編輯」。

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

  • 在RTF編輯器工具列中,按一下進階,然後選取原始程式碼

  • 指定空白儲存格中的寬度,例如 ,以表示圖像和文字之間的間距。

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

疑難排解電子郵件中出現的橫線

由於某些版本的Outlook發生已知錯誤,因此電子郵件中的區段之間可能會出現橫線。 雖然解決問題的方法不一致,但您可以嘗試以下疑難排解步驟:

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