在Outlook中,市場推廣電子郵件看起來有所不同
上次更新時間: 六月 28, 2023
可与下列任何一种订阅一起使用,除非有说明:
|
|
舊版 Marketing Hub Basic |
如果你使用更新後的經典電郵編輯器起草行銷電郵,你可能會發現電郵在Outlook中的渲染方式有出入,因為Outlook對CSS的支持有限。
如果您發現Outlook中的電子郵件定位或間距有誤,請按照以下疑難解答步驟操作。
進一步了解HubSpot設計師社羣中的電子郵件設計。
請注意: HubSpot支援無法支援自訂的密碼電郵範本。 如果你使用的是自訂代碼模板,請跟進創建模板的提供商。 你也可以與社羣中的其他HubSpot用戶和設計師建立聯繫。
空格
Outlook中有兩種方法可以調整影像周圍的間距:使用hspace或vspace ,以及使用表格。
使用hspace和vspace
HTML屬性vspace會定義垂直空間,並會為影像的頂部和底部新增相等的間距。 Hspace屬性定義了水平空間,並將為影像的左右添加相等的間距。
- 在你的 HubSpot 帳戶中,瀏覽「行銷」>「電子郵件」。
-
將滑鼠懸停在電子郵件名稱上,然後按一下[編輯]。
-
按一下內容模組,然後按一下進階>來源代碼。
- 在影像代碼結束時,添加以下代碼之一或兩者: hspace = "10" vspace = "10" , 用所需的間距取代10。
使用表格
您可以使用3列表格均勻地包含影像、間距和文字:
- 在你的 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: exact;