Zoho PageSenseには、魅力的で再設計されたビジュアルエディターインターフェースが付属しており、ビジネスの仮説をテストするためにウェブページのコンテンツを作成、編集、フォーマットすることができます。さまざまなデザインツールが含まれており、バリエーション内の要素に基本的な変更から高度な変更まで行うのに役立ちます。これには、HTMLエディターを使用して新しいテキスト、画像、オーディオファイル、またはビデオファイルを追加すること、フォントの色やサイズなどのスタイルを編集またはフォーマットすることが含まれます。使いやすいドラッグアンドドロップのオプションを使用して要素を再配置することもできます。さらに、ビジュアルエディターでは、強力なカスタムコードオプションを使用して、独自のHTMLやJavascriptを追加することもできます。これにより、訪問者の体験を自由に調整することができます。バリエーションのコンテンツを変更すると、PageSenseがHTMLとCSSを自動的に書き込んでくれます—手動でコードを一行も書く必要はありません。

最初のZoho PageSenseバリアントを作成する前に、以下で説明されているように、ビジュアルエディタ内で利用可能なさまざまなオプションを確認して、成功するA/B実験を開始するための準備を整えましょう。 

1. 新しいバリエーションを作成：これにより、A/Bテストに新しいバリエーションを追加し、A/Bテストのすべてのバリエーションのリストが表示されます。ここから、バリエーションの名前変更、複製、削除を選択することができます。［もっと見る］アイコンをクリックしてください。

3. デバイスビュー： これにより、ウェブページのデスクトップ、モバイル、またはタブレットビューを切り替えることができます。表示だけでなく、バリエーションのスタイル変更を行い、異なるデバイスでどのように反映されるかも確認できます。

4. 元に戻す/やり直す: これにより、エディタウィンドウで行った最近の変更を元に戻すことややり直すことができます。

5. グローバルコード： ここはコードエディタで、ウェブページにカスタムのJSやCSSコードを追加することができます。ここで行った変更は、実験の元のバージョンを含むすべてのバリエーションに適用されます。 

6. JS/CSS: このコードエディタを使用すると、カスタムのJSまたはCSSコードを作成して、実験の特定のバリエーションに変更を加えることができます。

7. 編集/インタラクトモード： このオプションを使用すると、バリエーションページの編集モードとインタラクトモードを切り替えることができます。インタラクトモードでは、クリック、トグル、ドロップダウン、ナビゲーションバーなど、さまざまな要素にアクセス/インタラクトすることができます。ただし、編集モードでは、テストのために必要な要素に変更を加えることができます。



8. エディターパネル： エディターエリア内に浮遊パネルとして表示されます。現在の選択肢のすべての編集オプションを含んでいます：テキスト、要素のHTML、画像、要素の移動、要素の非表示、要素の削除、エディターウィンドウ内での目標の設定など。浮遊パネルを使用して実行できるさまざまなアクションについて学びましょう。