ビジュアルエディタでiframeタグ内の要素を編集する方法

ビジュアルエディタでiframeタグ内の要素を編集するためには、2点準備が必要です。

①iframeで読み込んでいるURL（ページ）にもVWOタグを設置する

②テスト対象URLにiframeのページのURLも設定する

また、今回は下記のようなURL構造をしているフォームを例に考えます。

フォームのURL  https://www.assion.co.jp/samples/wiki_iframe/

iframeで読み込んでいるURL　https://www.assion.co.jp/samples/wiki_iframe/sample.html

①iframeで読み込んでいるURL（ページ）にもVWOタグを設置する

iframeタグで読み込んでいるページを特定する方法はこちらからご確認ください。

VWOタグの設置方法はこちらからご確認ください。

②テスト対象URLにiframeで読み込んでいるURLも設定する

1.ビジュアルエディタを開き、iframeタグの部分をクリックし、出てきたポップアップより

「Edit iframe content」をクリックします。

2.ビジュアルエディタが再読み込みされ、iframeタグ部分のみが表示され、通常のビジュアルエディタと同様に編集ができます。編集が完了したら保存し、プレビューモードで変更をご確認いただけます。