Personalization using Visual Experience Composer

Learn how to create an A/B Test Target Activity using Visual Experience Composer (VEC).

Prerequisites

In order to use VEC on an AEM web site, the following set up must be completed:

  1. Add Adobe Target to your AEM web site
  2. Trigger an Adobe Target call from Launch

Scenario Overview

The WKND site home page displays local activities or the best thing to do around a city in the form of informational cards. As a marketer, you have been assigned the task to modify the home page, by making text changes to the adventure section teaser and understand how it improves conversion.

Steps to create an A/B test using Visual Experience Composer (VEC)

  1. Login to Adobe Experience Cloud, tap on Target, navigate to the Activities tab

    • If you do not see Target on the Experience Cloud dashboard, ensure the correct Adobe organization is selected in the organization switcher in the top right, and that you user has been granted access to Target in Adobe Admin Console.
  2. Click Create Activity button and then choose A/B Test activity

    A/B Activity

  3. Select the Visual Experience Composer option, provide the Activity URL, and then click Next

    Activity URL

  4. The Visual Experience Composer displays two tabs on the left side after you create a new activity: Experience A and Experience B. Select an experience from the list. You can add new experiences to the list, by using the Add Experience button.

    Experience A

  5. Select an image or text on your page to start making modification or use can use the code editor to pick and HTML element.

    Element

  6. Change the text from Camping in Western Australia to Adventures of Australia. A list of changes added to an Experience will be displayed under Modifications. You can click and edit the modified item to view its CSS selector and the new content added to it.

    Adventures

  7. Rename Experience A to Adventure

  8. Similarly, update the text on Experience B from Camping in Western Australia to Explore the Australian Wilderness.

    Explore

  9. Click Next to move to Targeting and let’s keep a Manual traffic allocation of 50-50 between the two experiences.

    Targeting

  10. For Goals and settings, choose the Reporting source as Adobe Target and select the Goal metric as Conversion with a page view action.

    Goals

  11. Provide a name for your activity and Save.

  12. Activate your saved activity to push your changes live.

    Goals

  13. Open your site page (Activity URL from step 3) in a new tab and you should be able to view either of the experiences (Adventure or Explore) from our A/B test activity.

    Goals

Summary

In this chapter, a marketer was able to create an experience using Visual Experience Composer by dragging and dropping, swapping, and modifying the layout and content of a web page without changing any code to run a test.

On this page