片段创作
在您创建片段后,请使用可视化设计空间在片段中创作结构和内容组件。
添加结构和内容 design-fragment
-
要开始内容设计,请从 结构 中拖动一个项,然后将其放到画布上。
根据需要从 结构 添加任意数量的项,并编辑右侧窗格中每个项的设置。
note tip TIP 选择_n:n列_组件以定义您选择的列数(3到10之间)。 您还可以通过移动列下方的箭头来定义每列的宽度。 {width="800" modal="regular"}
每个列大小不能小于结构组件总宽度的10%。 只能删除空列。
有关使用和格式化这些组件的详细信息,请参阅结构组件。
-
展开 内容 部分,然后根据需要将任意数量的内容组件添加到一个或多个结构组件中。
{width="800" modal="regular"}
-
如果需要,您可以在 设置 或 样式 选项卡中为每个组件进行其他自定义。
例如,可以更改每个组件的文本样式、填充或边距。
-
要添加条件内容并根据条件规则将内容调整到目标配置文件,请选择一个内容组件,然后单击组件工具栏中的 启用条件内容 图标。
有关详细信息,请参阅条件内容。
添加资源 add-assets
在可视设计空间中,选择左侧导航栏中的Assets (
)图标以浏览和选择Marketo Optimizer资源库中的图像资源。
有关选择、替换或上传图像资产的步骤,请参阅使用资产进行内容创作。
导航图层、设置和样式 navigate-layers-settings-styles
在可视化设计空间中使用内容时,可以使用导航树访问组件、列和内容元素。 单击左侧的 导航树 图标(
)以显示该树。
{width="800" modal="regular"}
以下示例概述了在具有列的结构组件内调整填充和垂直对齐的步骤。
-
直接在画布中选择结构组件中的列,或使用左侧显示的导航树。
-
在列工具栏中,单击 选择列 工具,然后选择要编辑的工具。
也可以从结构树中选择它。 该列的可编辑参数显示在右侧的 设置 和 样式 选项卡中。
可视化设计器中显示的
{width="800" modal="regular"}
-
要编辑列属性,请单击右侧的 样式 选项卡,然后根据需要进行更改:
-
对于背景,根据需要更改背景颜色。
清除透明背景的复选框。 启用 背景图像 设置以使用图像作为背景,而不是纯色。
-
对于对齐方式,请选择Top、Middle或 Bottom 图标。
-
对于内边距,定义所有边的内边距。
如果要微调边距,请选择每边不同的边距。 单击 锁定 图标中断同步。
-
展开 高级 部分以定义列的内联样式。
{width="700" modal="regular"}
-
-
如果需要,请重复这些步骤以调整组件中其他列的对齐和填充。
-
保存更改。
个性化内容 personalize-content
Marketo Optimizer使用Handlebars语法进行个性化。 在发送时,令牌会被替换为来自每个收件人的配置文件数据的值。
添加个性化:_(_T)
- 选择文本组件,然后单击工具栏中的添加个性化 (
)图标。
- 在个性化对话框中,浏览左侧的架构树并选择配置文件属性。 编辑器插入相应的Handlebars表达式 — 例如,
{{profile.firstName}}。 - 如果需要,添加回退值以处理缺少的数据,例如
{{profile.firstName | default: "there"}}。 - 单击 确认 或插入。 表达式在字段中内联显示。
有关表达式编辑器工具和语法的详细信息,请参阅Personalization编辑器。
编辑链接的URL跟踪 edit-linked-url-tracking
链接跟踪面板提供了一个集中式视图,您可以在其中轻松找到内容中的每个URL。 单击左侧的 链接 图标(
)以显示内容中的所有链接URL。 这些是文本、按钮或图像组件中的链接。
要定义所列内容链接的跟踪,请单击编辑 (
)图标并修改 跟踪类型 或标签。