【オリジナルフォーム】ポップアップバナー設定

■見本

下記サンプルページを元に説明します。 
サンプルページのソースコードをブラウザ上でご確認いただくか、ファイルをダウンロードして内容をご確認ください。

サンプルページ>
サンプルページダウンロード>
※ソースコード確認方法
サンプルページをChromeブラウザで開いて下記操作を行ってください。
windows:Ctrl + U
mac:option + command + U



■仕様
・質問2の解約を選択すると、ポップアップバナーが表示されます。
・ポップアップバナーで解約が阻止された場合は指定のタグが付与されます。
・<!-- 削除禁止 -->部分はデータの送信に必要なので削除しないでください。


■編集ファイル:index.html

(1)ポップアップを発動させたい回答に「onClick="showModal();"」を設定

(2)ポップアップバナーの表示部分のHTMLを設定
①ポップアップバナー画像、ボタン画像設置
②完了バナー画像、閉じるボタン設置

(3) (1)で呼び出す「showModal()」、完了バナー(サンクスバナー)の挙動設定
フォーム離脱時にタグを付与する場合は、AddTagにタグコードを貼り付けてください。

(4)バナー部分のスタイルの設定