片段创作

在您创建片段后,请使用可视化设计空间在片段中创作结构和内容组件。

添加结构和内容 design-fragment

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

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

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

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

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

    有关使用和格式化这些组件的详细信息,请参阅结构组件

  2. 展开​ 内容 ​部分,然后根据需要将任意数量的内容组件添加到一个或多个结构组件中。

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

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

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

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

    有关详细信息,请参阅条件内容

添加资源 add-assets

在可视设计空间中,选择左侧导航栏中的​AssetsAssets图标 )图标以浏览和选择Marketo Optimizer资源库中的图像资源。

有关选择、替换或上传图像资产的步骤,请参阅使用资产进行内容创作

导航图层、设置和样式 navigate-layers-settings-styles

在可视化设计空间中使用内容时,可以使用导航树访问组件、列和内容元素。 单击左侧的​ 导航树 ​图标( 导航树图标)以显示该树。

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

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

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

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

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

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

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

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

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

    • 对于​对齐方式,请选择​TopMiddle​或​ Bottom ​图标。

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

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

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

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

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

  5. 保存更改。

个性化内容 personalize-content

Marketo Optimizer使用Handlebars语法进行个性化。 在发送时,令牌会被替换为来自每个收件人的配置文件数据的值。

添加个性化​:_(_T)

  1. 选择文本组件,然后单击工具栏中的​添加个性化个性化图标 )图标。
  2. 在个性化对话框中,浏览左侧的架构树并选择配置文件属性。 编辑器插入相应的Handlebars表达式 — 例如,{{profile.firstName}}
  3. 如果需要,添加回退值以处理缺少的数据,例如{{profile.firstName | default: "there"}}
  4. 单击​ 确认 ​或​插入。 表达式在字段中内联显示。

有关表达式编辑器工具和语法的详细信息,请参阅Personalization编辑器

编辑链接的URL跟踪 edit-linked-url-tracking

链接跟踪面板提供了一个集中式视图,您可以在其中轻松找到内容中的每个URL。 单击左侧的​ 链接 ​图标( 显示链接图标)以显示内容中的所有链接URL。 这些是文本、按钮或图像组件中的链接。

要定义所列内容链接的跟踪,请单击​编辑编辑图标)图标并修改​ 跟踪类型 ​或​标签

recommendation-more-help
marketo-optimizer-help-user-guide