文档Journey Optimizer B2BJourney Optimizer B2B Edition 文档

电子邮件模板创作

Last update: Tue Nov 05 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

在创建电子邮件模板之后，使用可视设计器创作电子邮件模板中的结构组件和内容组件。

添加结构和内容 structure-content

  1. 要开始内容设计，请从​ 结构 ​中拖动一个项，然后将其放到画布上。

    根据需要从​ 结构 ​添加任意数量的项，并编辑右侧窗格中每个项的设置。

    note tip
    TIP
    选择​_n：n列_​组件以定义您选择的列数（3到10之间）。 您还可以通过移动列下方的箭头来定义每列的宽度。

    将结构拖动到画布上并调整设置 {width="800" modal="regular"}

    每个列大小不能小于结构组件总宽度的10%。 只能删除空列。

  2. 展开​ 内容 ​部分并将所需数量的元素添加到一个或多个结构组件中。

    将内容元素拖到画布上并调整设置 {width="800" modal="regular"}

  3. 如果需要，您可以在​ 设置 ​或​ 样式 ​选项卡中为每个组件进行其他自定义。

    例如，可以更改每个组件的文本样式、填充或边距。

  4. 要添加条件内容并根据条件规则将内容调整到目标配置文件，请选择一个内容组件，然后单击组件工具栏中的​ 启用条件内容 ​图标。

    有关详细信息，请参阅​ 条件内容。

添加片段

在可视内容编辑器中，片段 ​图标显示在左侧。 以下示例概述了将片段添加到模板内容的步骤。

  1. 要打开片段列表，请选择​ 片段 ​图标（ 片段图标 ）。

    您可以：

    • 对列表进行排序。
    • 浏览、搜索或筛选列表。
    • 在“缩略图”和“列表”视图之间切换。
    • 刷新列表以反映任何最近创建的片段。

    从列表中选择片段 {width="700" modal="regular"}

  2. 将任意片段拖放到结构组件的占位符中。

    编辑器在电子邮件结构的部分/元素中呈现片段。

片段的内容在结构中动态更新，以显示内容在电子邮件中的显示方式。

TIP
如果希望片段占据电子邮件中的整个水平布局，请添加1:1列结构，然后将片段拖放到其中。

保存电子邮件后，当您在摘要中选择​ 使用者 ​选项卡时，该电子邮件会显示在片段详细信息页面中。 添加到电子邮件模板的片段在模板中不可编辑 — 源片段定义内容。

添加资源

在可视内容编辑器中，选择左侧显示的​ Assets ​图标( 显示Assets )。

NOTE
如果您订阅了Experience Manager Assetsas a Cloud Service以及默认的Adobe Marketo Engage Design Studio，则在创建电子邮件、电子邮件模板或可视化片段时选择图像源。 您还可以在打开可视设计器进行编辑之前选择图像源。

以下示例概述了将资源添加到模板内容的步骤：

  1. 要打开资源库，请单击​ Assets ​图标。

    在资产选择器中，您可以直接选择存储在源库中的资产。

  2. 通过将图像资产拖放到结构组件中来添加新资产。

    将Marketo Engage资源拖动到画布上并调整设置 {width="800" modal="regular"}

    有关使用源类型中的资产的更多信息，请参阅将资产添加到您的内容。

  3. 通过在画布上选择现有图像资源并单击图像源工具中的​ 选择资源 ​来替换该资源。

    从源库中选择资产 {width="600" modal="regular"}

导航图层、设置和样式

在可视设计器中使用内容时，可以使用​ 导航 ​树访问层/容器和元素。 单击​ 导航 ​图标以在画布左侧显示树。

访问内容层 {width="800" modal="regular"}

以下示例概述了在由列组成的结构组件内调整填充和垂直对齐的步骤。

  1. 直接在画布中选择结构组件中的列，或使用左侧显示的​ 导航树。

  2. 在列工具栏中，单击​ 选择列 ​工具，然后选择要编辑的工具。

    也可以从结构树中选择它。 该列的可编辑参数显示在右侧的​ 设置 ​和​ 样式 ​选项卡中。

    可视化设计器中显示的 列组件 {width="800" modal="regular"}

  3. 要编辑列属性，请单击右侧的​ 样式 ​选项卡，然后根据需要进行更改：

    • 对于​ 背景，根据需要更改背景颜色。

      清除透明背景的复选框。 启用​ 背景图像 ​设置以使用图像作为背景，而不是纯色。

    • 对于​ 对齐方式，请选择​ Top、Middle ​或​ Bottom ​图标。

    • 对于​ 内边距，定义所有边的内边距。

      如果要微调边距，请选择​ 每边不同的边距。 单击​ 锁定 ​图标中断同步。

    • 展开​ 高级 ​部分以定义列的内联样式。

    更改选定列的样式 {width="700" modal="regular"}

  4. 如果需要，请重复这些步骤以调整组件中其他列的对齐和填充。

  5. 保存更改。

使内容个性化

Journey Optimizer B2B Edition使用内联简单语法，允许您创建包含用双大括号{}括起来的个性化内容的表达式。 您可以在同一内容或字段中添加多个表达式，而不受限制。

示例：

  • Hello {{profile.person.name.firstName}} {{profile.person.name.lastName}}

  • Hello {{profile.person.name.fullName}}

在处理消息（电子邮件和短信）时，Journey Optimizer B2B Edition会使用Experience Platform数据库中包含的数据替换表达式。 因此，第一个示例变为​ Hello John Doe。

以下示例概述了使用商机/帐户属性和系统令牌对内容进行个性化的步骤。

  1. 选择文本组件并单击工具栏中的​ 添加个性化 ​图标。

    单击“个性化”图标 {width="600"}

    此操作打开​ 编辑Personalization ​对话框。

  2. 单击​ + ​或​ … ​将令牌添加到空白空间。

    使用令牌构造个性化文本 {width="700" modal="regular"}

  3. 单击​ 保存。

编辑链接的URL跟踪

  1. 单击左侧的​ 链接 ​图标以显示要跟踪的内容的所有URL。

  2. 如果需要，请单击​ 编辑 （铅笔）图标并修改​ 跟踪类型 ​或​ 标签。

    您还可以为链接添加​ 标记。

单击“更多”以访问模板操作 {width="500"}

查看选项

利用可视设计器中提供的视图和内容验证选项。

  • 通过预设缩放选项放大/缩小内容。

  • 切换在桌面、移动设备或纯文本/纯文本中查看内容。

    • 单击​ 眼睛 ​图标可跨设备预览内容。
    • 选择一个现成的设备或输入自定义维度以预览内容。

更多选项

从电子邮件设计器顶部的​ 更多…… ​菜单中，可以执行以下操作：

单击“更多”以访问模板操作 {width="500"}

  • 重置模板 — 单击此选项可将可视设计器画布清除为空白并重新启动生成内容。
  • 另存为片段 — 将模板的所有或部分另存为片段，以便在多个电子邮件或电子邮件模板中重复使用。 您可以提供片段的名称和描述，并将其保存到可用片段列表中。
  • 更改您的设计 — 返回​ 设计您的模板 ​页面。 从该位置，您可以选择从头开始设计模板，或使用现有模板重新启动设计过程。
  • 导出HTML — 将可视画布中的内容以HTML格式下载到本地系统，并打包为zip文件。
recommendation-more-help
6ef00091-a233-4243-8773-0da8461f7ef0