Contact Form 7 add confirm 完了ページトップに戻る

access_time

「Contact Form 7」のお問い合わせフォームに確認画面を拡張できるプラグイン、「Contact Form 7 add confirm」の
問い合わせ完了ページへ遷移した場合(完了ページ的な物を作った場合)、
ページの作りによっては中途半端なスクロールポジションで完了ページを表示することになります。

 

ユーザーには少し不親切な感じなのでプラグインを改造することなくJSだけでページトップにスクロールするようにします。

 

プラグインのコアファイルを修正したくないので、JavaScriptでdocument.addEventListener( ‘wpcf7submit’・・・をオーバーライドして、
以下の様にJSファイル(contactform7mod.jsなど)をfooter.phpのwp_footer();の後に読み込んでください。

 

メール送信が完了したらページのトップへスクロールして移動します。

wp_footerの後に上記JSを読み込む様に追記
contactform7mod.jsを読み込む