跳到內容
請注意::這篇文章的翻譯只是為了方便而提供。譯文透過翻譯軟體自動建立,可能沒有經過校對。因此,這篇文章的英文版本應該是包含最新資訊的管理版本。你可以在這裡存取這些內容。
Email

在Outlook中,市場推廣電子郵件看起來有所不同

上次更新時間: 一月 20, 2023

套用至:

行銷 Hub Professional, Enterprise
CMS Hub Professional, Enterprise
舊版 Marketing Hub Basic

如果你使用更新後的經典電郵編輯器起草行銷電郵,你可能會發現電郵在Outlook中的渲染方式有出入,因為Outlook對CSS的支持有限

如果您發現Outlook中的電子郵件定位或間距有誤,請按照以下疑難解答步驟操作。

進一步了解HubSpot設計師社羣中的電子郵件設計。 

請注意: HubSpot支援無法支援自訂的密碼電郵範本。 如果你使用的是自訂代碼模板,請跟進創建模板的提供商。 你也可以與社羣中的其他HubSpot用戶和設計師建立聯繫。

空格

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

使用hspace和vspace

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

  • 在 HubSpot 帳戶中,進入「行銷」>「電子郵件」。
  • 將滑鼠懸停在電子郵件名稱上,然後按一下[編]。

  • 按一下內容模組,然後按一下進階>來源代碼

  • 在影像代碼結束時,添加以下代碼之一或兩者: hspace = "10" vspace = "10" , 用所需的間距取代10。

source-code-hspace-vspace

使用表格

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

  • 在 HubSpot 帳戶中,進入「行銷」>「電子郵件」。
  • 懸停電子郵件名稱,然後按一下編

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

    create-table

  • 在富文本編輯器工具列中,按一下進階>來源代碼

  • 在空格中指定寬度,例如< td width = "10" > ,以獲得影像和文本之間的間距。

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

table-styling

排除電子郵件中意外的水平線

由於某些版本的Outlook中已知的錯誤,電子郵件中的區段之間可能會出現水平線。 雖然沒有一致的方法來解決問題,但你可以嘗試以下問題解決步驟:

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

Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.