编辑Web内容 edit-web-content
一旦您 添加了Web操作 对于营销策划,您可以使用Web设计器编辑网站的内容。
在 Journey Optimizer,Web创作由提供支持 Adobe Experience Cloud可视化帮助程序 chrome浏览器扩展。 了解详情
访问以下部分以了解有关每个主题的更多信息:
使用 Web 设计器 work-with-web-designer
要开始创作Web营销活动,请执行以下步骤。
-
从 操作 选项卡 营销活动,选择 编辑内容.
-
如果创建的页面与规则匹配,则必须输入与此规则匹配的任何URL:更改将应用于与规则匹配的所有页面。 此时将显示页面内容。
note note NOTE 如果您输入单个URL作为Web表面,则已填充要个性化的URL。 note caution CAUTION 网页必须包含 Adobe Experience Platform Web SDK. 了解详情 -
单击 编辑网页 以开始创作。 此时将显示Web设计器。
note note NOTE 如果尝试加载无法加载的网站,则会显示一则消息,建议您安装 可视化编辑帮助程序浏览器扩展. 请参阅中有关疑难解答的一些提示 本节. -
从画布中选择任意元素,如图像、按钮、段落、文本、容器、标题、链接等。 了解详情
-
使用:
-
上下文菜单,用于编辑其内容、布局、插入链接或个性化等。
-
右侧面板顶部的图标用于编辑、复制、删除或隐藏每个元素。
-
根据所选元素动态更改的右侧面板。 例如,您可以编辑元素的背景、排版规则、边框、大小、位置、间距、效果或内联样式。
-
使用组件 content-components
-
从 组件 左侧的窗格中选择一个项目。 您可以将以下组件添加到网页中,并根据需要对其进行编辑:
- 分隔条
- HTML
- 图像
- 标题 — 使用此组件与使用 文本 email designer中的组件。 了解详情
- 段落 — 使用此组件与使用 文本 email designer中的组件。 了解详情
- 链接
- 优惠决策
-
将鼠标悬停在页面上,然后单击 在此之前插入 或 在此之后插入 按钮以将组件附加到页面上的现有元素。
note note NOTE 要取消选择组件,请单击 ESC 在画布顶部显示的上下文蓝色横幅中的按钮。 -
根据需要直接在页面的内容中编辑组件。
-
调整从右侧的上下文窗格显示的样式,例如背景、文本颜色、边框、大小、位置等。 — 取决于所选的组件。
添加个性化和优惠
要添加个性化,请选择一个容器,然后从显示的上下文菜单栏中选择个性化图标。 使用表达式编辑器添加更改。 了解详情
使用 优惠决策 要插入的组件 优惠 放到您的网页中。 此过程与以下情况相同: 将选件添加到电子邮件. 它将利用决策管理选择向客户提供的最佳选件。
在Web设计器中导航 navigate-web-designer
本节详细介绍在Web设计器中导航的各种方式。 要查看和管理添加到Web体验的修改,请参阅 本节.
使用痕迹导航 breadcrumbs
-
从画布中选择任意元素。
-
单击 展开/折叠痕迹导航 按钮来快速显示有关选定元素的信息。
-
将鼠标悬停在痕迹导航上时,编辑器中会突出显示相应的元素。
-
使用该编辑器,您可以轻松导航到可视编辑器中的任何父元素、同级元素或子元素。
切换到浏览模式 browse-mode
您可以从默认位置进行交换 设计 模式到 浏览 模式。
从 浏览 在模式下,您可以导航到要个性化的选定表面中的确切页面。
在处理身份验证后的页面或在特定URL处从头开始不可用的页面时,此插件特别有用。 例如,您将能够进行身份验证,导航到您的帐户页面或购物车页面,然后切换回 设计 模式,以便在所需的页面上执行更改。
使用 浏览 模式还允许您在创作单页应用程序时浏览网站的所有视图。 了解详情
更改设备大小 change-device-size
您可以将Web设计器显示的设备大小更改为预定义的大小,例如 平板电脑 或 移动设备横向,或通过输入所需的像素数来定义自定义大小。
您还可以将缩放焦点从25%更改为400%。
更改设备大小的功能专为可在各种设备、窗口和屏幕大小上呈现出良好效果的响应式网站而设计。 响应式网站自动调整和适应任意屏幕大小,包括台式机、笔记本电脑、平板电脑或手机。
操作方法视频 video
以下视频演示了如何在中使用Web设计器创作Web体验 Journey Optimizer 营销活动。