Visual Experience Composer个更改

Adobe Target Standard/Premium 25.2.1版本(2015年2月17日)引入了更新的Visual Experience Composer (VEC)。 本文介绍VEC的先前版本与更新版本之间的差异。

IMPORTANT
更新的Visual Editing Composer需要Adobe Experience Cloud中可用的Visual Editing Helper扩展Chrome Web Store。

创建或编辑现有活动时将显示VEC。

可视化体验编辑器 (VEC)

VEC的重大更改

以下部分将说明更新后的VEC与先前版本相比所发生的重大更改。

Experiences边栏

与以前的版本一样,Experiences边栏保留在VEC的左侧。 无法折叠Experiences边栏。

体验边栏

您可以使用Experiences边栏创建、重命名或删除体验。 单击​ Add ​图标( 添加图标 )以添加新体验。 单击More Actions图标( 更多操作图标 )以复制、删除或重新定向体验。

Components边栏(新)

您可以将多个组件添加到网页中,并根据需要使用新的Components边栏编辑它们。

组件边栏

要添加新组件,请将组件从要插入的Components边栏拖动到Design画布中的现有页面元素上。 然后选择将组件插入到选定元素的前面,也就是之后。

NOTE
如果您在此区域中看到Modifications边栏而不是Components边栏,请单击​ Show Components ​图标( 显示组件图标 )。 Show Components图标( 显示组件图标 )和Show Modifications图标( 显示修改边栏 )用作显示相应选项的切换。
要折叠Components边栏并放大Design画布,请在Components边栏打开时单击( 显示组件图标 )图标。

Modifications边栏

要打开Modifications边栏,请单击Show Modifications边栏中的 图标( 显示修改边栏Components)。 Modifications边栏从编辑画布的右侧更改为左侧。

修改边栏

NOTE
Show Components图标( 显示组件图标 )和Show Modifications图标( 显示修改边栏 )用作显示相应选项的切换。
要在Modifications边栏打开时折叠Design边栏并放大Modifications画布,请单击Show Modifications图标( 显示修改边栏 )图标。

Modifications边栏显示对VEC中的页面所做的所有更改,并允许您进行其他更改(如CSS选择器、Mbox和自定义代码)。

单击More Options图标( 更多操作图标 )以添加修改、删除所有修改或删除所有无效修改。 单击Select以执行批量操作: Apply to All Pages或Delete。

要再次显示Modifications边栏,请单击Hide Modifications边栏中的 图标( 显示修改边栏Modifications)。

Properties边栏(新)

通过Properties边栏可以更改页面上选定元素的属性,无论这些元素是HTML元素还是特定于Target的对象,例如推荐或选件。

属性边栏

单击边栏顶部的图标可编辑HTML代码或者删除、复制或隐藏元素。 更改显示在Modifications边栏中。

属性图标

Properties边栏可在右边栏中折叠。 单击边栏右侧的Show/Hide Properties图标( 属性图标 )以折叠或显示Properties边栏。

活动设置/配置

单击设计画布顶部显示的Configure图标( 配置图标 )以显示活动属性菜单。

活动配置选项

通过不同的选项,您可以分配属性、编辑页面交付规则、指定网站首选项、添加其他页面以及启用或禁用多页面或多个受众活动。 分配Properties是Target Premium功能。

其位置和功能与以前的VEC UI类似。

Design/Browse模式

使用Design边栏顶部显示的Browse/Properties切换功能,在设计模式和浏览模式之间切换。

设计和浏览切换

使用Browse模式浏览您的网站并选择您要更新的视图或页面。 切换回Design模式以添加或编辑更改。

Undo/Redo

您可以通过单击Undo图标( 撤消图标 )来撤消所做的更改。

VEC中的 撤消图标

要重做某项操作,请展开撤消/Redo按钮组并选择Redo。

Design画布

Design画布允许您选择视区,包括适合屏幕、Desktop、Tablet、Mobile Landscape和Mobile Portrait。

视区选项

更新的VEC还允许您通过单击相应的图标( 放大图标 缩小图标 )进行放大或缩小。

显示UI更改的可视化插图

下图显示了对更新后的VEC所做的高级UI更改。 插图顶部显示更新的VEC UI,底部显示之前的UI。 箭头显示各种元素移动的位置。

(单击图像可将其展开到浏览器的整个宽度。)

VEC比较 — 与以前的UI新比较 {width="600" modal="regular"}

有关更新的UI的更多信息

recommendation-more-help
3d9ad939-5908-4b30-aac1-a4ad253cd654