针对移动设备优化营销电子邮件

在起草营销电子邮件时，您可以隐藏桌面或移动电子邮件客户端上的特定部分。您还可以更改栏目配置和整体布局，以改善收件人在较小设备上阅读电子邮件的体验。

针对不同设备定制电子邮件有助于提高参与度，并增强电子邮件的整体用户体验。

了解限制和注意事项

• 在桌面和移动设备上分别设置模块和样式只能在拖放编辑器中完成。对于使用设计管理器模板创建的电子邮件，开发人员需要手动添加任何设备定制。
• 以下电子邮件客户端不支持移动优化电子邮件：安卓上的雅虎邮件、安卓上的美国在线邮件、Gmail IMAP 和某些版本的三星邮件。在这些客户端中，隐藏模块将可见，移动专用配置将被忽略。
• 字体大小或填充等模块设置不能设置为手机和桌面的不同值。要为这些设置使用不同的值，建议分别创建内容相同的移动专用模块和桌面专用模块。

在桌面或移动设备上隐藏模块和部分

要自定义哪些模块或部分显示给桌面或移动收件人：

1. 在您的 HubSpot 账户中，导航至 营销 > 电子邮件。
2. 单击已起草电子邮件的名称 ，或单击创建电子邮件。
3. 单击电子邮件编辑器顶部的desktop 桌面图标或mobile移动图标，为每种设备类型配置设置。

4. 将鼠标悬停在模块或部分上，然后单击hide 隐藏图标，即可在正在编辑的电子邮件版本中隐藏该模块。

5. 要显示正在编辑的版本的所有隐藏模块，请单击编辑器顶部的 "显示选项 "下拉菜单，然后切换 "打开显示隐藏 "。
6. 要将隐藏模块切换回该版本邮件的可见模块，请单击view 视图图标，否则隐藏图标就会出现在那里。

自定义移动设备上的模块堆叠

您可以自定义在移动设备上查看某部分模块时的堆叠方式。

1. 在您的 HubSpot 账户中，导航至 营销 > 电子邮件。
2. 单击已起草电子邮件的名称 ，或单击创建电子邮件。
3. 在电子邮件编辑器中，单击一个部分。
4. 在左侧边栏编辑器中，选择堆叠 部分中的一个选项：
   • 保持相同列数：电子邮件在手机上显示的列数与桌面相同。
   • 左在右上：在移动设备上将首先显示栏目左侧的模块。
   • 右在左上：该部分右侧的模块将在移动设备上优先显示。

自定义桌面或移动设备上的样式

您可以为单个部分或整封营销电子邮件配置独立的桌面和移动样式。

1. 在您的 HubSpot 账户中，导航至 营销 > 电子邮件。
2. 单击已起草电子邮件的名称 ，或单击创建电子邮件。
3. 在电子邮件编辑器中，单击某个部分编辑其样式，或单击左侧的styles 模板设计 图标编辑整封邮件的样式。
4. 在左侧边栏编辑器中，切换某个部分旁边的 "所有设备 "开关，以查看桌面和移动设备 的单独设置。

5. 编辑桌面和移动设备的样式设置。

编辑完电子邮件的可见性和布局设置后，就可以预览电子邮件在不同电子邮件客户端中的显示效果了。

为移动设备优化电子邮件

要改善营销电子邮件在移动设备上的显示效果，建议您遵循以下最佳实践：

• 使用响应式电子邮件模板：响应式内容可根据浏览屏幕进行调整。虽然 HubSpot 的拖放模板默认为响应式，但创建编码模板的开发人员需要使用响应式电子邮件模板标记。
• 缩小图片文件大小：图片文件越小，电子邮件的大小就越小，加载时间也就越快。HubSpot会自动调整任何设定宽度的图片大小，从而减小文件大小，您也可以使用FastStone Photo Resizer等服务。
• 创建可读链接和按钮：任何文本链接和按钮的宽度和高度至少应为 57 像素。
• 测试电子邮件预览文本：放置在营销电子邮件开头的图片的 alt 文本可能会被拉入电子邮件的预览文本中。您可以删除图片的 alt 文本来解决这个问题。建议发送测试邮件，以验证预览文本是否如预期般显示。
• 避免使用 Javascript 和 iframe 元素：大多数电子邮件客户端都无法呈现嵌入的 Javascript 和 iframe 元素。建议避免在编码模板中添加这些元素。
• 缩小邮件大小以避免剪切：在 Gmail 中，超过 102 KB 的邮件内容可能会被隐藏在 "查看整个邮件链接 "后面。了解有关计算和缩小电子邮件大小的更多信息。