电子邮件模板创作
在您创建电子邮件模板之后,请使用可视化设计空间来创作电子邮件模板中的结构和内容组件。
添加结构和内容 structure-content
-
要开始内容设计,请从 结构 中拖动一个项,然后将其放到画布上。
根据需要从 结构 添加任意数量的项,并编辑右侧窗格中每个项的设置。
note tip TIP 选择_n:n列_组件以定义您选择的列数(3到10之间)。 您还可以通过移动列下方的箭头来定义每列的宽度。 每个列大小不能小于结构组件总宽度的10%。 只能删除空列。
-
展开 内容 部分,然后根据需要将任意数量的内容组件添加到一个或多个结构组件中。
-
如果需要,您可以在 设置 或 样式 选项卡中为每个组件进行其他自定义。
例如,可以更改每个组件的文本样式、填充或边距。
-
要添加条件内容并根据条件规则将内容调整到目标配置文件,请选择一个内容组件,然后单击组件工具栏中的 启用条件内容 图标。
有关详细信息,请参阅 条件内容。
添加自定义 CSS
您可以直接在电子邮件模板设计空间中添加自己的自定义CSS。 使用自定义CSS可应用高级和特定的样式,以便更加灵活地控制内容的外观。 最佳实践是在包含组件(如图像、按钮和文本)之前添加此最高级别的样式。
如果画布中至少有一个内容组件,请选择左侧导航树中的 Body 组件以访问自定义CSS编辑器。
-
在右侧显示的 样式 选项卡中,单击 添加自定义CSS。
note note NOTE 添加自定义CSS 按钮仅在选择了_正文_组件时可用。 但是,您可以将自定义CSS样式应用于其中的所有组件。 添加自定义CSS 弹出编辑器显示占位符代码注释。
-
在编辑器中输入CSS代码。
请确保自定义CSS有效并遵循正确的语法。 如果输入的CSS无效,则会显示一条错误消息,并且无法保存CSS。 若要了解详细信息,请参阅CSS有效期。
-
单击 保存 以保存自定义CSS。
自定义样式表应用于现有内容。 您可以检查自定义CSS是否已根据您的需求应用。 有关如何进行更改并调整样式表应用程序的信息,请参阅疑难解答。
添加片段
可视化片段是可重复使用的设计组件,它可以被Adobe Journey Optimizer B2B edition中的多个内容资源引用。 它通常是预先创建并快速插入的一个内容块,用于使创作更快捷、更一致。
以下示例概述了在创作内容时添加片段的步骤。
-
要打开片段列表,请选择 片段 图标(
您可以:
- 对列表进行排序。
- 浏览、搜索或筛选列表。
- 在缩略图和列表视图之间切换。
- 刷新列表以反映任何最近创建的片段。
-
将任意片段拖放到结构组件中。
编辑器在电子邮件结构的部分/元素中呈现片段。
note tip TIP 要添加片段,以使其占据电子邮件中的整个水平布局,请添加1:1列结构,然后将片段拖放到其中。 片段的内容会在结构中动态更新,以显示内容在内容中的显示方式。
可自定义片段中的 可编辑字段
可视片段可以包含可自定义的可编辑字段。 自定义字段允许您在将片段合并到内容时修改参数,并创建量身定制的体验而不影响原始片段。 片段作者可以为文本、图像和按钮组件的自定义设计片段。 如果包含的片段包含具有可编辑字段的组件,则可以更改默认值以针对内容对其进行自定义。
-
选择片段组件。
右侧显示的设置包括可编辑的字段,其中包含默认值。
-
根据需要更改任何可编辑的字段。
保存模板后,当您在摘要中选择 使用者 选项卡时,该模板会显示在片段详细信息页面中。
添加图像资源
在可视内容编辑器中,选择左侧导航栏中的 Marketo Engage Assets (
-
通过将图像资产拖放到结构组件中来添加新资产。
-
通过在画布上选择现有图像资源并单击图像源工具中的 选择资源 来替换该资源。
有关使用源类型中的资产的更多信息,请参阅使用资产进行内容创作。
导航图层、设置和样式
在可视化设计空间中使用内容时,可以使用导航树访问组件、列和内容元素。 单击左侧的 导航树 图标(
以下示例概述了在具有列的结构组件内调整填充和垂直对齐的步骤。
-
直接在画布中选择结构组件中的列,或使用左侧显示的 导航树。
-
在列工具栏中,单击 选择列 工具,然后选择要编辑的工具。
也可以从结构树中选择它。 该列的可编辑参数显示在右侧的 设置 和 样式 选项卡中。
可视化设计器中显示的
-
要编辑列属性,请单击右侧的 样式 选项卡,然后根据需要进行更改:
-
对于 背景,根据需要更改背景颜色。
清除透明背景的复选框。 启用 背景图像 设置以使用图像作为背景,而不是纯色。
-
对于 对齐方式,请选择 Top、Middle 或 Bottom 图标。
-
对于 内边距,定义所有边的内边距。
如果要微调边距,请选择 每边不同的边距。 单击 锁定 图标中断同步。
-
展开 高级 部分以定义列的内联样式。
-
-
如果需要,请重复这些步骤以调整组件中其他列的对齐和填充。
-
保存更改。
个性化内容
Journey Optimizer B2B edition使用内联简单语法,允许您创建包含用大括号{}
括起来的个性化内容的表达式。 您可以在同一内容或字段中添加多个表达式,而不受限制。
示例:
Hello {{lead.firstName}} {{lead.lastName}}
Hello {%= lead.mktoName ?: "Marketer" %}
处理内容时,Journey Optimizer B2B edition会将表达式替换为Experience Platform数据库中包含的数据。 因此,第一个示例变为 Hello John Doe。
以下示例概述了使用商机/帐户属性和系统令牌对内容进行个性化的步骤。
-
选择文本组件并单击工具栏中的 添加个性化 图标。
此操作打开 编辑Personalization 对话框。
-
通过单击令牌旁边的加号( +)符号添加令牌。
如果要添加带有回退的令牌(当该字段不可用于潜在客户时显示的默认文本),请单击 更多 图标( …),然后选择 插入带有回退文本。
-
添加任何其他要包含的令牌或其他静态文本。
-
单击 保存。
个性化脚本显示在可视设计空间中。 您可以选择它以在需要时进行更改。
编辑链接的URL跟踪
-
单击左侧的 链接 图标(
-
如果需要,请单击 编辑 (
您还可以为链接添加 标记。
应用深色模式样式
使用 深色模式 查看电子邮件客户端中深色主题的电子邮件显示。 深色模式或主题允许支持的电子邮件客户端或应用程序显示具有更暗背景和更浅颜色的电子邮件,用于文本、按钮和其他视觉元素。 在设计画布的右上方,将选择器更改为 深色模式 (
有关深色模式样式和最佳实践的详细信息,请参阅电子邮件内容的深色模式。
查看选项
利用可视设计空间中可用的视图和内容验证选项。
-
通过预设缩放选项放大/缩小内容。
-
切换在桌面、移动设备或纯文本/纯文本中查看内容。
- 单击 眼睛 图标可跨设备预览内容。
- 选择一个现成的设备或输入自定义维度以预览内容。
更多选项
从电子邮件设计空间顶部的 更多…… 菜单中,可以执行以下操作:
- 重置模板 — 单击此选项可将设计画布清除为空白并重新启动生成内容。
- 另存为片段 — 将模板的所有或部分另存为片段,以便在多个电子邮件或电子邮件模板中重复使用。 您可以提供片段的名称和描述,并将其保存到可用片段列表中。
- 更改您的设计 — 返回 设计您的电子邮件 页面。 从那里,您可以选择另一个模板以重新启动设计过程。 您还可以选择使用空白画布(经典模式)或使用品牌主题(主题模式)从头开始设计内容。
- 导出HTML — 将可视画布中的内容以HTML格式下载到您的本地系统,并打包为zip文件。