编辑Web内容

一旦您 添加了Web操作 对于营销策划，您可以使用Web设计器编辑网站的内容。

在此视频中了解如何创作Web营销活动

在 Journey Optimizer，Web创作由提供支持 Adobe Experience Cloud可视化帮助程序 chrome浏览器扩展。 了解详情

访问以下部分以了解有关每个主题的更多信息：

• 管理修改

• 监测 Web 活动

使用 Web 设计器

要开始创作Web营销活动，请执行以下步骤。

1. 从 操作 选项卡 营销活动，选择 编辑内容.

   

2. 如果创建的页面与规则匹配，则必须输入与此规则匹配的任何URL：更改将应用于与规则匹配的所有页面。 此时将显示页面内容。

   注意

   如果您输入单个URL作为Web表面，则已填充要个性化的URL。

   

   注意

   网页必须包含 Adobe Experience Platform Web SDK. 了解详情

3. 单击 编辑网页 以开始创作。 此时将显示Web设计器。

   

   注意

   如果尝试加载无法加载的网站，则会显示一则消息，建议您安装 可视化编辑帮助程序浏览器扩展. 请参阅中有关疑难解答的一些提示 本节.

4. 从画布中选择任意元素，如图像、按钮、段落、文本、容器、标题、链接等。 了解详情

5. 使用:

   • 上下文菜单，用于编辑其内容、布局、插入链接或个性化等。

     

   • 右侧面板顶部的图标用于编辑、复制、删除或隐藏每个元素。

     

   • 根据所选元素动态更改的右侧面板。 例如，您可以编辑元素的背景、排版规则、边框、大小、位置、间距、效果或内联样式。

     

使用组件

1. 从 组件 左侧的窗格中选择一个项目。 您可以将以下组件添加到网页中，并根据需要对其进行编辑：

   • 分隔条
   • HTML
   • 图像
   • 标题 — 使用此组件与使用 文本 email designer中的组件。 了解详情
   • 段落 — 使用此组件与使用 文本 email designer中的组件。 了解详情
   • 链接
   • 优惠决策

   

2. 将鼠标悬停在页面上，然后单击 在此之前插入 或 在此之后插入 按钮以将组件附加到页面上的现有元素。

   

   注意

   要取消选择组件，请单击 ESC 在画布顶部显示的上下文蓝色横幅中的按钮。

3. 根据需要直接在页面的内容中编辑组件。

   

4. 调整从右侧的上下文窗格显示的样式，例如背景、文本颜色、边框、大小、位置等。 — 取决于所选的组件。

   

添加个性化和优惠

要添加个性化，请选择一个容器，然后从显示的上下文菜单栏中选择个性化图标。 使用表达式编辑器添加更改。 了解详情

使用 优惠决策 要插入的组件 优惠 放到您的网页中。 此过程与以下情况相同： 将选件添加到电子邮件. 它将利用决策管理选择向客户提供的最佳选件。

在Web设计器中导航

本节详细介绍在Web设计器中导航的各种方式。 要查看和管理添加到Web体验的修改，请参阅 本节.

使用痕迹导航

1. 从画布中选择任意元素。

2. 单击 展开/折叠痕迹导航 按钮来快速显示有关选定元素的信息。

   

3. 将鼠标悬停在痕迹导航上时，编辑器中会突出显示相应的元素。

4. 使用该编辑器，您可以轻松导航到可视编辑器中的任何父元素、同级元素或子元素。

切换到浏览模式

您可以从默认位置进行交换 设计 模式到 浏览 模式。

从 浏览 在模式下，您可以导航到要个性化的选定表面中的确切页面。

在处理身份验证后的页面或在特定URL处从头开始不可用的页面时，此插件特别有用。 例如，您将能够进行身份验证，导航到您的帐户页面或购物车页面，然后切换回 设计 模式，以便在所需的页面上执行更改。

使用 浏览 模式还允许您在创作单页应用程序时浏览网站的所有视图。 了解详情

更改设备大小

您可以将Web设计器显示的设备大小更改为预定义的大小，例如 平板电脑 或 移动设备横向，或通过输入所需的像素数来定义自定义大小。

您还可以将缩放焦点从25%更改为400%。

更改设备大小的功能专为可在各种设备、窗口和屏幕大小上呈现出良好效果的响应式网站而设计。 响应式网站自动调整和适应任意屏幕大小，包括台式机、笔记本电脑、平板电脑或手机。

操作方法视频

以下视频演示了如何在中使用Web设计器创作Web体验 Journey Optimizer 营销活动。