在Outlook中,市場推廣電子郵件看起來有所不同
上次更新時間: 一月 20, 2023
如果你使用更新後的經典電郵編輯器起草行銷電郵,你可能會發現電郵在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;
Thank you for your feedback, it means a lot to us.
相關內容
-
在拖放電子郵件編輯器中建立市場推廣電子郵件
HubSpot的拖放電子郵件編輯器提供了一個直觀的介面,可以擴展你的電子郵件行銷工作。使用市場推廣電子郵件活動,與訂閱會員分享最新消息,並宣傳特別優惠。 請注意:如果您沒有...
知識庫 -
預覽和優化您的電子郵件設計在深色模式下出現的方式
許多電子郵件客戶端都有深色模式設定,這可能會導致與啟用更明亮外觀的客戶端的市場推廣電子郵件顯示方式不一致。 預覽電子郵件在特定客戶端深色模式下的外觀 若要查看聯絡人在瀏覽器或啟用暗模式的客戶端中開啟電郵時的外觀:
知識庫 -
顯示在「Gmail優惠」分頁中的電子郵件
由於Gmail會自動對電子郵件進行分類,您可能會注意到您的行銷電子郵件會顯示在收件人Gmail收件箱的「優惠」分頁中。...
知識庫