Beta 版
登陆页面设计
在您创建登陆页面之后，请使用可视化设计空间在页面中创作结构和内容组件。
添加结构和内容
-
要开始内容设计，请从 结构 中拖动一个项，然后将其放到画布上。
根据需要从 结构 添加任意数量的项，并编辑右侧窗格中每个项的设置。
TIP选择_n：n列_组件以定义您选择的列数（3到10之间）。 您还可以通过移动列下方的箭头来定义每列的宽度。
每个列大小不能小于结构组件总宽度的10%。 只能删除空列。
-
展开 内容 部分并将所需数量的元素添加到一个或多个结构组件中。
-
如果需要，您可以在 设置 或 样式 选项卡中为每个组件进行其他自定义。
例如，可以更改每个组件的文本样式、填充或边距。
-
要添加条件内容并根据条件规则将内容调整到目标配置文件，请选择一个内容组件，然后单击组件工具栏中的 启用条件内容 图标。
有关详细信息，请参阅 条件内容。
添加资源
在可视内容编辑器中，选择左侧导航栏中的 Marketo Engage Assets (
NOTE-
通过将图像资产拖放到结构组件中来添加新资产。
-
通过在画布上选择现有图像资源并单击图像源工具中的 选择资源 来替换该资源。
有关使用源类型中的资产的更多信息，请参阅使用资产进行内容创作。
添加表单
表单是可重复使用的组件，可由Adobe Journey Optimizer B2B edition中的多个登陆页面和登陆页面模板引用。 它是一个字段块和提交按钮，可以预先创建并快速插入该按钮，以使页面设计更快更一致。
以下示例概述了在设计页面时添加表单的步骤。
-
在 内容 部分下，将 表单 项拖放到页面设计空间上的某个结构组件中。
TIP要添加表单，使其占据电子邮件中的整个水平布局，请添加1:1列结构，然后将表单拖放到其中。 -
单击组件工具栏中的 表单 图标，或使用右侧的 嵌入表单 属性选择发布的表单。
-
如果要覆盖表单的默认 跟进类型，请根据页面或模板的要求更改设置。
这也称为表单的 感谢页面，此设置确定访客提交表单时会发生什么情况：
-
停留在页面 — 选择此选项可在提交表单时将访客停留在同一页面。
-
登陆页面 — 选择此选项可选择任意Journey Optimizer B2B edition或Marketo Engage登陆页面作为跟进。
-
外部URL — 选择此选项可将任何URL指定为后续页面。 访客提交表单后，浏览器会加载指定的URL。
TIP如果您希望使用表单下载文件，则可以指定托管文件的URL。 对于此配置，提交按钮将充当下载按钮。
-
-
如果要按设备类型限制表单显示，请更改 显示选项 设置：
- 仅在桌面设备上显示
- 仅在移动设备上显示
- 在所有设备上显示（默认）
-
如果需要，请选择右侧面板中的 样式 选项卡以设置页面中的表单边距。
导航图层、设置和样式
在可视设计器中使用内容时，可以使用 导航 树访问层/容器和元素。 单击 导航 图标以在画布左侧显示树。
以下示例概述了在由列组成的结构组件内调整填充和垂直对齐的步骤。
-
直接在画布中选择结构组件中的列，或使用左侧显示的 导航树。
-
在列工具栏中，单击 选择列 工具，然后选择要编辑的工具。
也可以从结构树中选择它。 该列的可编辑参数显示在右侧的 设置 和 样式 选项卡中。
可视化设计器中显示的
-
要编辑列属性，请单击右侧的 样式 选项卡，然后根据需要进行更改：
-
对于 背景，根据需要更改背景颜色。
清除透明背景的复选框。 启用 背景图像 设置以使用图像作为背景，而不是纯色。
-
对于 对齐方式，请选择 Top、Middle 或 Bottom 图标。
-
对于 内边距，定义所有边的内边距。
如果要微调边距，请选择 每边不同的边距。 单击 锁定 图标中断同步。
-
展开 高级 部分以定义列的内联样式。
-
-
如果需要，请重复这些步骤以调整组件中其他列的对齐和填充。
-
保存更改。
