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

电子邮件设计器使您能够编辑电子邮件的多种呈现方式。 您可以生成电子邮件的文本版本、编辑电子邮件的HTML源,以及为移动视图设计电子邮件。

生成电子邮件的文本版本

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

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

注意

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

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

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

注意

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

以HTML编辑电子邮件内容源

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

有两种方法可编辑HTML版本的电子邮件:

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

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

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

如果修改HTML代码,则可能会中断电子邮件的响应。 确保使用按钮测试 Preview 它。 请参阅预览消息

为移动渲染设计电子邮件

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

所有样式选项均在移动视图中可用。 “电子邮件设计器”样式设置以前会显示在此页上。

  1. 创建编辑内容的电子邮件和开始。 有关此方面的详细信息,请 参阅从头设计电子邮件内容

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

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

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

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

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

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

    您还可以选择在桌面设备上隐藏此组件,这意味着它将仅在移动设备上显示。 为此,请选择 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 设置。 在移动视图中禁用时,即使在桌面视图中定义了边框颜色,也不再应用边框。

注意

移动视图在片段中 不可用

在此页面上