Configure the Visual Experience Composer
Configure the Adobe Target Visual Experience Composer (VEC) by specifying its general settings, mobile viewport configuration, and CSS selectors.
To access the Visual Experience Composer configuration page, click Administration > Visual Experience Composer.
General Settings
You can specify general settings to the Visual Experience Composer.
The following settings are available:
Default URL
Set the default URL used by the Visual Experience Composer. This is the default page, such as your home page, used whenever you set up an experience for each new activity. If you do not set a default URL, you must enter a URL for each activity when you create it.
Enable Enhanced Experience Composer eec
Allows editing on iFrame-busting sites and sites with mixed content. Some sites might not be compatible with the enhanced version. Deselect this option to revert to the original Visual Experience Composer. Activity delivery on sites is not affected by this choice.
For more information, see Troubleshooting the Visual Experience Composer.
You can also enable the Enhanced Experience Composer at the activity level.
Load Mixed Content
Enable mixed content while opening a website using the Enhanced Experience Composer (EEC). Enabling this option avoids the extra overhead of loading static resources via Target proxy servers.
This option is helpful if, for example:
- Your Content Security Policy (CSP) headers allow loading mixed content without the use of proxy servers with the EEC enabled.
- Your HTTP website faces increased load time in the EEC, wherein JavaScript, images, and so forth take longer to load via proxy.
Generate experience snapshots in the activity flow diagram
Enabling experience snapshots generates thumbnails for your experiences in the activity workflow diagram. Disabling snapshots might result in faster performance for some users.
[Premium]{class="badge positive" title="See what's included in Target Premium."} Mobile Viewport Configuration
You can add devices to use when previewing experiences. Each device has an associated audience.
Click Add, specify a descriptive name for the mobile viewport, specify the width and height, select the desired operating system, then click Save.
For information about how to add a mobile viewport, see Mobile Viewport Configuration.
CSS Selectors css
Specify how Target generates CSS selectors.
These options help Target understand your site’s structure to generate better CSS selectors for content delivery. By default, Target generates selectors based on element IDs on the page. If your site uses few IDs, or duplicates IDs on the same page, then using classes might be a better option.
You can choose one or both of the following options:
Use element IDs
Deselect this option if the same ID is used for multiple elements or if element ID might change on page load.
Use element classes
By default, Target only uses element IDs. However, if your page is designed to use classes to identify elements, such as a page built with Adobe Experience Manager, you should also select Use element classes.
You can override this setting per activity (click the Settings gear icon, then select CSS Selectors). This is especially useful if you have multiple sites that are configured differently.
Training video: Account Preferences (7:33)
This video includes information about account preferences.
- Describe the account settings available in Target Standard