可视化编辑器是一款所见即所得（WYSIWYG）工具，可修改网站页面的内容设计布局；支持为任意网页进行可视化编辑，包括：编辑元素和属性，新增widgets组件，删除元素等能力。
解决如下问题：
（1）基本视觉更改
使用可视化编辑器，您无需编写一行代码即可在您的网站上进行基本的视觉更改。可视化编辑器的直观界面使其易于使用，即使对于没有Web技术或编码经验的人也是可以的。
（2）高级修改
使用AB可视化编辑器，您可以修改网页上的元素，添加要跟踪的目标，如果您想进行一些高级修改，可以选择代码编辑器，新增Widgets基础组件，等等。

AB可视化编辑器的使用场景包括：

1. 界面设计优化：通过AB可视化编辑器，产品运营人员可以轻松创建和管理不同版本的界面设计，以确定哪个版本更能吸引用户，提高用户留存率和转化率。
2. 内容优化：通过AB可视化编辑器，产品运营人员可以轻松创建和管理不同版本的内容，以确定哪个版本更能吸引用户，提高用户留存率和转化率。
3. 功能优化：通过AB可视化编辑器，产品运营人员可以轻松创建和管理不同版本的功能，以确定哪个版本更能满足用户需求，提高用户留存率和转化率。
4. 营销策略优化：通过AB可视化编辑器，产品运营人员可以轻松创建和管理不同版本的营销策略，以确定哪个版本更能吸引用户，提高用户留存率和转化率。

推荐使用Chrome浏览器版本 >= 90.0.0.0，主要分为 2 步，整体流程为：

• 【1.Chrome商城添加/离线下载添加】
  • 方式 1：在chrome应用商城添加，搜索「VisualEditor」，添加至Chrome。
  • 方式 2：或者直接下载添加，在扩展列表中，固定扩展。
• 【2.直接使用/结合AB使用】
  • 方式 1：在扩展中打开可视化编辑器的开关，然后对页面的可视化操作，保存。
  • 方式 2：在DataTester/BytePlus Optimize中的可视化实验，点击进入编辑器，新开页面，自动打开开关，然后对页面进行可视化操作，保存。

1.Chrome商城添加/离线下载添加

提供2种下载方式：

• 方式 1：在chrome商城添加，下载地址
• 方式 2：或者直接离线下载，在扩展列表中添加，固定扩展。

2.直接使用/结合AB使用

方式 1：在扩展中打开可视化编辑器的开关，然后对页面的可视化操作，保存。在页面中编辑，新增，删除元素等操作。

方式2：在 DataTester 中的可视化实验，点击进入编辑器，新开页面，自动打开开关，然后对页面进行可视化操作，保存，从而进行AB实验。

快速了解可视化实验创建流程👇