Monday, May 20, 2019

Basic things that beginners in Adobe Target should know (Starting with VEC)

As I joined Adobe community forum for a month, I notice there are lots of basic issues or doubts that beginners face while working on Target.

 I  have been in that stage in my initial days of working on Adobe Target, where even small things take more time to do. I will like to share some things which can help you understand the use of different options in adobe target.

So the following are some basic things which can help you to begin with VEC (Visual Experience composer) in Adobe Target.

Getting started with Adobe Target VEC (Visual Experience Composer)

VEC is one of the main features of Adobe Target.VEC is an editor that lets marketers and designers 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.

Important Editing Options in VEC :

VEC allows you to select an element on the page that you want to edit, it will provide you a list of options that plays an important role while editing a page without touching code. You can resize an element,  change the class of element, change background color, newly added option change style of element rearrange elements within the page by simply dragging and dropping it to another place and many other things in EDIT and LAYOUT options as you can see in links above and screenshot attached below

Edit option in VEC

Layout option in VEC

Insert After and Insert Before

allows you to add Text or custom html after and before the selected element respectively.

Audiences option in A/B test

(present inside gear icon as shown in below image) allows you to display different versions of a page to the different audience base

Audience option in VEC

If you want to show a different version of the page to a specific audience (for e.g. returning visitors) and want to check which version will perform better (either default page or second version of page i.e. Experience B ), 'Single Audience' for Experience B will fit perfect for the test.

The second option in audiences which is 'Multiple Audiences' allows you create multiple versions of pages in a single experience where each audience will qualify for the specified version of a page depending on specific audience provided, and you can conclude which was the best-performing audience base and specific page version.

Site preferences

allows you to select either Use element ID or Use element classes, Target uses element Id or class or both to generate CSS selectors (which you can configure in site preference option in VEC as shown in the above image) and deliver the modification using that element selector.

Site preference

Add additional pages

allows you to add more than one page inside a single experience.

Page delivery

is one of the most important option in VEC, as you can deliver your edited content on multiple pages without doing it manually on every page, But common mistakes that is done by beginners is, if you have edited some element and trying to deliver it on other pages while that element doesn't exist on that page, it won't work in that way.

You will see the following window after clicking on the page delivery option.

Page delivery

Depending on your conditions you can use URL, Domain, Path, etc. options to deliver content on multiple pages.

In case if you want to add Big Lines of code for a particular experience that can be done with the help of Add Custom Code option in modifications tab which you can access by clicking on modifications icon which looks like </>

You can add any type of code (coding language) which is supported by your website.

custom code

custom code

With the help of CSS selector, you can edit a specific element by specifying element id or class,
It will be helpful in case if you want to change any content for all element which has class XYZ or you can also set an attribute for a particular element with this option.

You can edit Mbox by defining mbox name and content to be modified

and last option Custom Code where you can add custom code of any language supported by your site (for e.g. <script>Javascript or Jquery</script>, <style></style>, php etc.) 

These all are the basics to edit a page in VEC.

I hope this helps you to understand working on VEC Adobe Target, For any doubts feel free to comment below.

Have a Good Day!☺✌


Featured Post

[Solved] How to get current location of user using javascript?(Example code)

How to get the current location of a user using javascript? You might think to get a user's location is a difficult task, but it&...

Popular Posts