Modifications panel

To open the Modifications panel, click the Show Modifications icon ( Show Modifications panel ) in the Components panel. The Modifications panel changed position from right side to left side of the editing canvas.

Modifications panel

The Modifications panel shows all changes that have been made to your page in the Visual Experience Composer (VEC) and lets you make additional changes (such as CSS Selector, Mbox, and Custom Code).

Click the More Options icon ( More Actions icon ) to add a modification, delete all modifications, or delete all invalid modifications. Click Select to perform bulk operations: Apply to All Pages or Delete.

Properties panel (new)

The new Properties panel lets you change properties of selected elements on the page, whether these elements are HTML elements or objects specific to Target, such as recommendations or offers.

Properties panel

Click the icons on top of the panel to edit HTML code or delete, duplicate, or hide elements. Changes appear in the Modifications panel.

The Properties panel is collapsible in the right rail. Click the Show/Hide Properties icon ( Properties icon ) to the right of the panel to collapse or display the Properties panel.

Activity settings/configuration

Click the Configure icon ( Configure icon ) displayed on top of the design canvas to display the activity properties menu.

Activity configurations options

The different options let you enable or disable multi-page or multiple audience activities, assign properties (Target Premium feature), or edit page delivery rules.

The position and functionality is similar to the previous VEC UI.

Design/Browse modes

Use the Design/Browse toggles displayed on top of the design canvas to switch between design and browse mode.

Design and browse toggles

Use the Browse mode to navigate your site and to pick the view or page you want to update. Switch back to Design mode to add or edit your changes.

Undo/Redo

You can undo changes made by clicking the Undo icon ( Undo icon ).

Undo icon in VEC

To redo an action, expand the Undo/Redo button group and choose Redo.

Design canvas

The Design canvas lets you select viewports, including fit-to screen, Desktop, Tablet, Mobile Landscape, and Mobile Portrait. By default, the canvas fits the page to the screen along with the viewports defined in the Administration section.

Viewport options

The updated VEC also lets you zoom in or zoom out by clicking the appropriate icon ( Zoom In icon or Zoom Out icon ).

Visual illustration showing UI changes

The following illustration shows the high-level UI changes made to the updated VEC. The top of the illustration shows the updated VEC UI and the bottom shows the previous UI. Arrows show where various elements have moved.

(Click the image to expand it to the full width of the browser.)

VEC comparison-new to previous UI

Target


Adobe Target Maturity Webinar Series

Adobe Customer Success Webinars

Tuesday, Feb 4, 4:00 PM UTC

Adobe Target innovations, including GenAI, and best practices on AI-powered personalization and experimentation at scale.

Register