> For the complete documentation index, see [llms.txt](https://docs.vwo.gaprise.jp/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.vwo.gaprise.jp/testing/editor/i5r2sfmrmt.md).

# カート・購入完了ページやログイン後ページでA/Bテストを作成する方法

### ビジュアルエディターで作成する場合 <a href="#id-1" id="id-1"></a>

#### 手順

1. カート・購入完了ページやログインが必要なページのA/Bテストを作成するには、ビジュアルエディター&#x306E;**\[ナビゲート]**&#x30E2;ードをクリックします。\
   \
   \[**ナビゲート**]モードにすると、ページ上でアカウントへのログイン、カートへの商品の追加などの操作ができるようになります。\
   \
   バリエーション作成したいページが表示されたら、\[**デザイン**]モードへ戻し、バリエーションに変更を加えます。

<figure><img src="/files/OgmHbsxcWOnfVLOLRHxS" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
・セッションタイムアウトにご注意ください。\
・キャンペーンで保存した変更が失われることはありませんが、後日ビジュアルエディターで対象ページにアクセスしたい場合、再度同じステップを踏む必要があります
{% endhint %}

2. \[HTMLの編集]または\[編集]オプションを使用する場合、意図しない要素のプロパティが変更されないように、**静的要素にのみ**変更を実装します。\
   \
   ビジュアルエディターを使用して要素を変更する方法については、[こちらを](https://help.vwo.com/hc/en-us/articles/360020929193-Using-Edit-HTML-and-Inline-Edit-Operations-in-the-VWO-Editor)ご覧ください。

{% hint style="danger" %}
・ビジュアルエディターで動的コンテンツを編集しないでください。動的コンテンツコードを上書きすると静的になり、その特定のテンプレートを使用するすべてのページに同じコンテンツが表示される可能性があります。\
・動的コンテンツを編集する場合は、コードエディターをご利用ください。
{% endhint %}

3. テストを開始にする前に**プレビューして、すべての変更がすべてのバリエーションにわたって正しく実装されていることを確認してください。**

ビジュアルエディターのその他機能は[「ビジュアルエディターを使ったバリエーション作成」](/testing/editor/2jntwuc0b8.md)をご覧ください。

### コードエディターで作成する場合 <a href="#id-2" id="id-2"></a>

#### 手順

1. [「コードエディターにアクセスする」](/testing/editor/16hi0x2edv.md#id-2)で編集画面を開き、変更を加えてください。
2. テストを開始にする前に**プレビューして、すべての変更がすべてのバリエーションにわたって正しく実装されていることを確認してください。**

※本ページは[\[原文：How to Create an A/B Test on a Page Behind Sign-in in VWO?\]](https://help.vwo.com/hc/en-us/articles/360020915654-How-to-Create-an-A-B-Test-on-a-Page-Behind-Sign-in-in-VWO)[\[原文：Things to Remember while Creating a Test for Shopping Cart Pages\]](https://help.vwo.com/hc/en-us/articles/360021307393-Things-to-Remember-while-Creating-a-Test-for-Shopping-Cart-Pages)を翻訳・加筆修正しています。