wordpress

[wordpress]contactform7で確認画面を表示

[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>

以上で完了です。ぜひ使ってみてください。