広告
[wordpress]contactform7で確認画面を表示
contactform自体に確認画面表示する機能がなかったので
確認画面を表示させる方法をご紹介します。
株式会社オルタさんがライブラリを公開されていたので
利用させていただきました。
使い方
使い方は思ったよりとても簡単でした。
1. ダウンロード
株式会社オルタさんのサイトからライブラリをダウンロードします。
http://aulta.jp/library/wordpress/contactForm7Confirm.html
2.contact-form7-confirm.jsファイルの修正
10～19行目で設定を行います。
設置するURLのドメインを省いたところを記述します。
http://blog.aulta.net/inquiry/ に設置する場合、/inquiry/ となります。
ContactForm7を複数のページに設置している場合で、下記ボタンなどが同じ設定の場合は、配列で指定できます。
'path' : [‘/inquiry/’, ‘/inquiry2/’, ‘/inquiry3/’]
3.アップロード
ダウンロードしたファイルを解凍しアップロードします。
<script type="text/javascript" src="contact-form7-confirm.js"></script>
アップロードしたファイルを<head>ないで読み込みます。
4.管理画面の編集
Contact Form 7の設定画面で、<p class="submit-button">[submit “送信”]</p>
以上で完了です。ぜひ使ってみてください。
