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:
The videos below provide information about using the Visual Experience Composer.
|Visual Experience Composer (1 of 2)||7:17|
|Visual Experience Composer (2 of 2)||7:29|
This video is a recording of "Office Hours," an initiative led by the Adobe Customer Care team.
|Visual Experience Composer (VEC)||50:23|
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.
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.
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.
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.|
|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.|
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|
See Form-Based Experience Composer for more information.