编辑纯文本、HTML和移动设备电子邮件格式

Email Designer允许您编辑电子邮件的多个渲染。 您可以生成电子邮件的文本版本、编辑电子邮件的HTML源,以及设计用于移动设备视图的电子邮件。

生成电子邮件的文本版本

默认情况下,会自动生成​Plain text​版本的电子邮件并将其与​Edit​版本同步。

添加到HTML版本的个性化字段和内容块也与纯文本版本同步。

注意

要以纯文本版本使用内容块,请确保它们不包含HTML代码。

若要使用与HTML版本不同的纯文本版本,可以通过单击电子邮件​Plain text​视图中的​Sync with HTML​开关来禁用此同步。

然后,您可以根据需要编辑纯文本版本。

注意

如果在禁用同步的情况下编辑​Plain text​版本,则下次启用​Sync with HTML​选项时,在纯文本版本中所做的所有更改都将替换为HTML版本。 在​Plain text​视图中所做的更改无法反映在​HTML​视图中。

在HTML中编辑电子邮件内容源

对于最高级的用户和调试,您可以直接以HTML形式查看和编辑电子邮件内容。

您可以通过两种方式编辑电子邮件的HTML版本:

  • 选择​Edit > HTML​以打开整个电子邮件的HTML版本。

  • 从WYSIWYG界面中,选择一个元素并单击​Source code​图标。

    只显示所选元素的源。 如果所选元素是​HTML​内容组件,则可以编辑源代码。 其他组件处于只读模式,但仍可以以电子邮件的完整HTML版本进行编辑。

如果修改代码中的HTML,则电子邮件的响应性可能会损坏。 确保使用​Preview​按钮对其进行测试。 请参阅预览消息

设计用于移动渲染的电子邮件

您可以通过单独编辑移动设备显示的所有样式选项来微调电子邮件的响应式设计。 例如,您可以调整边距和内边距、使用较小或较大的字体大小、更改按钮,或应用特定于电子邮件移动版本的不同背景颜色。

所有样式选项在移动设备视图中均可用。 Email Designer样式设置之前在本页中介绍。

  1. 创建电子邮件并开始编辑内容。 有关更多信息,请参阅从头开始设计电子邮件内容

  2. 要访问专用移动设备视图,请选择​Switch to mobile view​按钮。

    将显示电子邮件的移动版本。 它包含桌面视图中定义的所有组件和样式。

  3. 单独编辑所有样式设置,如背景颜色、对齐方式、内边距、边距、字体系列、文本颜色等。

  4. 在移动设备视图中编辑任何样式设置时,修改仅应用于移动设备显示。

    例如,减小图像大小、添加绿色背景并更改移动视图中的内边距。

  5. 当组件显示在移动设备上时,您可以隐藏组件。 为此,请从​Display options​中选择​Show only on desktop devices

    您还可以选择在桌面设备上隐藏此组件,这意味着它将仅在移动设备上显示。 要执行此操作,请选择​Show only on mobile devices

    例如,此选项允许您在移动设备上显示特定图像,在桌面设备上显示其他图像。

    您可以从移动设备或桌面视图中设置此选项。

  6. 再次单击​Switch to mobile view​按钮以返回标准桌面视图。 您刚才所做的样式更改未得到反映。

    注意

    唯一的例外是​Style inline​设置。 任何样式内联设置更改也会应用于标准桌面视图。

  7. 对电子邮件结构或内容所做的任何其他更改,如文本编辑、上传新图像、添加新组件等。 也会应用于标准视图。

    例如,切换回移动设备视图,编辑一些文本并替换图像。

  8. 再次单击​Switch to mobile view​按钮以返回标准桌面视图。 将反映更改。

  9. 删除移动设备视图中的样式会使您返回到在桌面模式中应用的样式。

    例如,在移动设备视图中,将绿色背景颜色应用于按钮。

  10. 切换到桌面视图,并将灰色背景应用到同一按钮。

  11. 再次切换到移动设备视图,现在禁用​Background color​设置。

    桌面视图中定义的背景颜色现已应用:它会变为灰色(不为空)。

    唯一的例外是​Border color​设置。 在移动设备视图中禁用后,即使在桌面视图中定义了边框颜色,也不再应用边框。

注意

移动设备视图在片段中不可用。

在此页面上