An experience determines which content displays when the visitor meets the audience criteria for an activity.

An activity typically contains more than one experience. For example, visitors from the Salt Lake City area might see an offer for a $30 discount on ski boots, while visitors from San Diego see an offer for a discount on wet suits. Or, you might test a page with different special offers for returning visitors. Each of these offers is presented in a separate experience.

The following experience composers are available:

Visual Experience Composer and Enhanced Experience Composer

The Visual Experience Composer is one of the main features of Adobe Target. The Visual Experience Composer is an editor that enables marketers and designers to create and change content using a visual interface. Many design choices can be made without requiring direct editing of the code. Editing HTML and JavaScript is also possible using the editing options available in the composer.

The videos below provide information about using the Visual Experience Composer.

Visual Experience Composer (1 of 2) 7:17
  • Change the content of a page
  • Change the layout of a page
Visual Experience Composer (2 of 2) 7:29

  • Rename and duplicate an experience
  • Create a redirect experience
  • Target an activity to a single URL or a group of URLs
  • Create a multi-page activity
  • Preview and build experience for responsive websites
  • Use overlays to highlight types of elements

This video is a recording of "Office Hours," an initiative led by the Adobe Customer Care team.

Visual Experience Composer (VEC) 50:23

  • How the VEC works

  • How to avoid common issues with the VEC

  • Work-around practices you can use with the VEC

On the Target Setup > Preferences tab, you can enter the Default Visual Experience Composer URL.

This URL determines where you start when you open the Visual Experience Composer. If you do not enter a default, then you start with a blank page when you open the editor, and specify a URL at that time.

Note: Certain browsers, such as Firefox, might block a page from displaying in the Visual Experience Composer if the page contains mixed content (for example, a non-secure page in a secure site). If your page does not display, click the icon to the left of the URL in the browser address bar and click Disable protection on this page. This issue does not affect the display of your pages to site visitors.

Content inside an iframe on the page can't be modified in Visual Experience Composer. To edit content within an iframe, ensure that the iframe document is Target-enabled, then load that iframe URL in the Visual Experience Composer.

You can use the drop-down menus across the top of the page to view your page as it would appear to different audiences or with different experiences. You can provide a name for each experience in the second drop-down list. For example, if you are testing the location of the Home link in your nav bar, you might name an experience where the Home link appears first something like, "Home link" to make it easier to identify the experiences in the list.

Note: Changes to the structure of a page that affect the locations used in an activity created on that page could cause issues with experience editing. If a location has been changed outside the Visual Experience Editor, Target might not be able to find the location where the content was changed.

As you move your mouse around the page, a context-sensitive box follows the cursor, highlighting the elements on the page.

Click the Overlays icon to change the way the highlight displays. For example, you can choose to highlight only images or mboxes or links, and you can change the color of the highlight. You can also specify a highlight color and type of fill used to highlight different element types.

Click on a highlighted element for a menu of options available for that element type For example, you can click on an image and select Edit Image to change the image, or click on a button and change the HTML. You can use the buttons at the top left of the page to toggle the overlays on and off.

You can also click Browse, then navigate to a page that is available from the primary page, such as a shipping page or shopping cart, and test changes on that page. You can also access page elements that are available when you hover, such as flyout menus and mini-carts. When you are finished browsing to the page, click Compose to edit the experience. For example, you might want to change the design of a shopping cart drop-down or a carousel of images. This functionality is currently available for A/B tests, A/B tests with Analytics, and experience targeting.

Note: If a hover state depends on JavaScript, make sure Disable JavaScript is not selected. JavaScript must be enabled to edit JavaScript elements.

For information about the options available in the Visual Experience Composer, see Visual Experience Composer Options.

Enhanced Experience Composer

The Enhanced Experience Composer is an extension of the Visual Experience Composer that helps you edit an experience for an iframe-busting site or pages that do not yet include the Target implementation. If you have trouble opening your page in the Visual Experience Composer, try the Enhanced Experience Composer.

The Enhanced Experience Composer uses an Adobe-managed proxy to load your page for editing. The activities do not actually deliver to the site until the Target code has been added. Some sites may not load via the Enhanced Experience Composer, in which case you can uncheck this option to load the Visual Experience Composer via an iframe.

You can enable the Enhanced Experience Composer at the account level (enabled for all activities created in the account) or at the individual activity level.

  • Account Level: To enable the Enhanced Experience Composer at the account level, click Setup > Preferences, then toggle the switch to the On position.

  • Activity Level: To enable the Enhanced Experience Composer at the activity level while creating an activity in the Visual Experience Composer, click Configure > URL, then toggle the switch to the On position.

    The account-level setting (Setup > Preferences) remains unchanged when you enable this option at the activity level.

Choosing between the Visual and Enhanced Experience Composers

The table below shows which experience composer option best supports frequently encountered issues.

Issue Visual Experience Composer Support Enhanced Experience Composer Support
Mixed Content Mixed content can be enabled for the current session. Supported.
JavaScript-based iframe Busting Not supported. Supports most iframe-busting techniques.
X-Frame-Options Use browser add-ons, such as Requestly on Chrome, to bypass x-frame-options. Supported.
Cross Origin Issues Supported. Not supported.
Authentication Workflow Supported. If authentication works in an iFrame, it will work in the Visual Experience Composer. Depends on implementation.
IP Blacklisting Supported. Proxy server IP addresses must be whitelisted.

Form-Based Experience Composer

The Form-Based Experience Composer enables Target Standard A/B tests, Experience Targeting and Recommendations activities to be delivered in emails, mobile apps, kiosks, and other places that don't work with a Visual Experience Composer.

This video provides a demo of the form-based composer:

Form-Based Experience Composer 4:35

  • Create an activity using the Form-Based Experience Composer
  • Understand when to use Form-Based Experience Composer vs. the Visual Experience Composer
  • Use refinements to target a location

See Form-Based Experience Composer for more information.