Visual Editor Overview

Webtrends Optimize Visual Editor Overview

1 – Navigation Breadcrumbs

This illustrates the path of the page. In the example above, as this is the initial page only one step is shown. However, if we were to enable interactive mode (7 – Interactive Mode) we will be able to browse the site and each step will be shown.

2 – Variations Drop Down Menu

This drop-down shows the number of created variations. On this example page, there is only one variation, the control or default content. As variations are developed this number will be updated.

Clicking on the drop-down itself will allow you to create your first variation.

3 – Conversion Events

This is disabled until you have created your first variation. However, when enabled, it allows you to nominate elements and pages for tracking as conversion goals.

4 – Audience

By default, all visitors to your test page(s) are considered for testing. However, it is often the case that you want to limit this to certain segments defined by attributes such as device, browser, or more contextual controls such as time of day, day of the week or geolocation.  Clicking on the drop-down here will take you to the segmentation wizard where segments can be built.

5 – Pre Rendering and Post Rending Script

Clicking on either link will open a dialog that accepts Javascript to be entered and executed before the test page has displayed (Pre-render) and after the page has displayed (Post-render).

This allows more advanced scenarios such as custom tracking or 3rd party integrations to be supported.

6 – Project Name Field

Projects are containers of tests. This field allows you to specify the name of the project that you wish to hold your tests in.

7 – Viewports, Throttle and Interactive Mode

Viewports

By default, the page will be rendered to desktop dimensions. However, for responsive sites, you may wish for this to change.

Clicking on the drop down will reveal a number of predefined viewport sizes. In addition, there is a  facility to set a custom size.

Throttle

By clicking on the gear icon enables you to control the volume of traffic to be allocated to the test.  This can be set at both the project, test and variation level.

Interactive Mode

Clicking the globe button enables interactive mode. This allows the page links to be active and enables you to navigate through the site as normal. Clicking on it again will disable this mode.

This feature is useful when trying to test on inaccessible (or gated) pages where some prerequisite action is required (e.g Logged In, Items in basket) etc.