【フォームブリッジ】画面への別サイトページの差し込み

お世話になっております。

掲題の件、フォームブリッジ画面上に別サイトのページをinclude等で差し込みたいと考えております。

 

流れは以下です。

ステップフォーム1

プライバシーポリシー等の別サイトのページを表示

ステップフォーム2

フォームブリッジ標準の入力画面

確認、完了画面へ

 

お手数ですが、アドバイスなどいただければ幸いです。

 

kfukuda様

お世話になっています。

cstapの友利と申します。

以下のJavaScriptのコードを読み込むことでステップフォームの1ページ目に別サイトを表示させることが出来ます。

(function() {

"use strict";

fb.events.form.mounted.push(function (state) {
const parent = document.querySelectorAll('.field')[1].children[0];
const el = document.createElement("iframe");
el.style.width = '100%';
el.style.height = '500px'; //高さは自分で合あうものに変えてください。
el.src = "表示させたいWebサイトのURL";
parent.appendChild(el);
return state;
});
})();

cstap 友利様

確認しました。ありがとうございます。

これでやりたいことが実現できそうです。