New Visual Editor
New Visual Editor
Optimizely Web Experimentation Optimizely Edge Delivery Optimizely Personalization Using the new Visual Editor, you can experiment with Optimizely Experimentation and Optimizely Personalization. The new Visual Editor is a WYSIWYG (What You See Is What You Get) editor that uses an overlay instead of an iframe.
Edit elements with the new Visual Editor
Optimizely Web Experimentation Optimizely Edge Delivery Optimizely Personalization Once a variation is open in the Visual Editor, you can make content and style changes without writing code. This article covers how to edit a variation, select elements, and add, replace, or design page components.
AI variation development agent
Optimizely Opal https //support. optimizely.
Advanced targeting with attributes
With the new Visual Editor, you can select elements based on custom attributes to gain more granular control over element selection, such as changing the typography of all links on your site. Click any element and then click Show Advanced .
Add templates
The new Visual Editor lets you add templates to your experiments and campaigns. A template is a reusable element your team builds once and reuses across experiments and campaigns.
Insert HTML and images
Optimizely Web Experimentation Optimizely Edge Delivery Optimizely Personalization The New Visual Editor gives you several options to add content to your variations, including adding HTML and images. Go to Create > Insert HTML .
Redirect experiments
In some cases, you may want to redirect users to an existing URL instead of creating a variation in the new Visual Editor. For instance, you could test two pre-built landing pages against each other.
Code Editor
The new Visual Editor gives you multiple ways to add custom code to your experiments, whether you want the code to apply to all variations in the experiment or just one. You can add and edit this code using the Code Editor.
Manage pages
The new Visual Editor gives you several ways to manage pages. When you launch the Visual Editor, you see the name and URL of the page you are editing.
Troubleshoot the new Visual Editor
Optimizely Web Experimentation Optimizely Edge Delivery Optimizely Personalization When you have issues with the new Visual Editor in Optimizely Experimentation or Optimizely Personalization, use the following resources to help solve them. If the new Visual Editor does not fully load, the issue is likely that you modified the Optimizely Experimentation snippet when implementing it on your site.