フォームの送信内容を「確認」するボタンを押した際、遷移後の画面スクロール位置を指定することはできますか?
はい、フォームの [基本情報] > [画面表示設定] > [確認画面スクロール位置] のラジオボタンを変更することで、確認画面へ遷移した直後の表示位置を制御できます。
設定の種類には [フォームの一番上]、[設置したページの一番上]、[スクロールしない] の3種類が存在します。ただし、設置先サイト内のJavaScriptと競合した場合は正常に作動しない場合があります。
概要・仕様
[確認画面スクロール位置] の各メニューにおける定義および動作ロジックは以下の通りとなります。
- 機能の開発背景:
縦に長いランディングページ(LP)の最下部にお問い合わせフォームを組み込んでいる環境において、確認画面へ遷移した際に入力内容(確認画面)が画面外に隠れてしまう問題を解消するために設計された機能です。 - [フォームの一番上] の仕様:
確認ボタン押下後、埋め込まれたBowNowフォームの最上部がブラウザの表示画面に収まる位置まで自動でスクロールします。 - [設置したページの一番上] の仕様:
確認ボタン押下後、フォームが設置されているWebページ自体の最上部(ヘッダー部分など)へ画面がスクロールします。 - [スクロールしない] の仕様:
確認ボタンを押した位置(スクロール位置)のまま画面を固定して確認画面へ遷移します。項目数が多いフォームで [スクロールしない] を選択すると、確認画面の上部が画面外に隠れるため、ユーザーによる再スクロールが必要となります。
手順(操作)
フォームの確認画面におけるスクロール位置を設定する手順は、以下の通りとなります。
- BowNow管理画面の左側メニュー [フォームを管理する] > [フォーム一覧] をクリックします。
- 編集対象となるフォームの [編集] ボタンをクリックします。
- [基本情報] タブ内の [画面表示設定] セクションまで画面をスクロールします。
- [確認画面スクロール位置] の項目で、[フォームの一番上]、[設置したページの一番上]、[スクロールしない] のいずれかのラジオボタンを選択します。
- 画面最下部にある [変更] ボタンをクリックして設定を保存します。
注意事項
- 外部プログラムとの競合(バッティング)による制限:
設定を変更してもページの最上部へ強制移動する場合は、設置先サイト側のJavaScript(スクロール制御等)との競合が原因です。このバッティングによる誤作動はBowNow側では対処できず、Webサイトのソースコードを書き換える等の調査、対応はサポート対象外となります。
自社のWebサイト担当者(制作会社等)へプログラムの競合解消を依頼してください。 - 管理画面プレビューでの表示制限:
BowNowの管理画面内にある [プレビュー] 画面では、実際のWebサイトに設置した状態のスクロール挙動を正確に確認することはできません。必ずトラッキングコード設置済みの公開画面(テストページ等)にフォームを設置して挙動を確認してください。