编辑Web内容 edit-web-content

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

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

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

CAUTION
要能够访问和创作中的网页,请执行以下操作: Journey Optimizer 用户界面中,确保遵循中列出的先决条件 本节.

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

使用 Web 设计器 work-with-web-designer

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

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

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

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

    note caution
    CAUTION
    网页必须包含 Adobe Experience Platform Web SDK. 了解详情
  3. 单击 编辑网页 以开始创作。 此时将显示Web设计器。

    note note
    NOTE
    如果尝试加载无法加载的网站,则会显示一则消息,建议您安装 可视化编辑帮助程序浏览器扩展. 请参阅中有关疑难解答的一些提示 本节.
  4. 从画布中选择任意元素,如图像、按钮、段落、文本、容器、标题、链接等。 了解详情

  5. 使用:

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

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

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

NOTE
Web内容设计器主要类似于电子邮件设计器。 详细了解 设计内容 Journey Optimizer.

使用组件 content-components

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

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

    note note
    NOTE
    要取消选择组件,请单击 ESC 在画布顶部显示的上下文蓝色横幅中的按钮。
  3. 根据需要直接在页面的内容中编辑组件。

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

添加个性化和优惠

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

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

在Web设计器中导航 navigate-web-designer

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

使用痕迹导航 breadcrumbs

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

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

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

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

切换到浏览模式 browse-mode

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

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

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

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

更改设备大小 change-device-size

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

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

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

CAUTION
您可以编辑具有特定设备大小的Web体验。 但是,只要选择器相同,这些更改就会应用于所有大小和设备,而不仅仅是您正在使用的设备大小。 同样,在普通桌面视图中编辑体验会将更改应用于所有屏幕大小,而不仅仅是桌面视图。
目前, Journey Optimizer 不支持特定于设备大小的页面更改。 这意味着,例如,如果您具有一个单独的移动网站并具有单独的网站结构,则您应该针对不同营销活动中的移动网站进行更改。

操作方法视频 video

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

recommendation-more-help
b22c9c5d-9208-48f4-b874-1cefb8df4d76