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
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
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.
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.
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.