电子邮件设计问题的故障排除指南[支持系列]

因此，您将在您的一天中度过了更好的一部分，为即将到来的营销活动设置您的电子邮件。你已经仔细挑选了正确的图像并完美地脱颖而出;它看起来很棒。但是，你发了一封电子邮件，发现它看起来并不是那样的预期。

电子邮件有时会根据电子邮件客户端使用自己的HTML和CSS标准而呈现不同的效果，这可能会导致电子邮件在HubSpot中的外观与在收件箱中的外观之间的差异。

但是，如果你的电子邮件以一种方式出现在HubSpot上，而以另一种方式出现在收件箱里，你该怎么办?下面是一些故障排除步骤，您可以按照这些步骤解决我们看到的一些常见的电子邮件外观问题。

将您的电子邮件放入测试中

用你HubSpot的应用内邮件测试工具是您无权访问特定电子邮件客户端的第一步（例如Apple Mail或Outlook的不同版本）。使用此工具，您可以比较电子邮件跨客户端的样子以及它在Hubspot中的外观如何看出，因此您可以查明错误。

要使用电子邮件测试功能：

在电子邮件编辑器的左侧工具条菜单中，单击复选标记图标．
点击测试你的电子邮件并选择您想要测试此邮件的电子邮件客户端。
在屏幕底部，选择立即测试我的电子邮件．
测试运行完成后，您可以选择不同的缩略图图像来查看所选的每个电子邮件客户端的电子邮件预览。

当以这种方式测试电子邮件时，一定要记住，每个月可以执行的测试数量是有限制的，请参阅本文这里更多细节。

调整你的间距

虽然在Hubspot中设置的填充和边距将在某些电子邮件客户端（以及电子邮件的Web版本中），但Outlook不支持填充或边距样式。相反，我们可以使用水平间距以及vspace．Hspace在元素的左右两边增加间距，vspace在元素的顶部和底部增加间距。

要添加它，您需要打开电子邮件的源代码，因为它需要添加到标记中。在电子邮件编辑器中，可以通过单击按钮(如下所示)。

归属于vspace和hspace的值越高，为该图像提供的空间就越多。

当添加hspace或vspace时，我们建议您先将规则添加到一个元素中，然后使用“test in email clients”工具。如果它不起作用，尝试添加hspace或vspace到它旁边的元素。就像科学方法一样，我们试图排除造成问题的原因以及解决问题的方法。可以找到更多关于hspace和vspace的信息这里．