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

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

フォローお待ちしております。

お問い合わせしてみる

ホームページを作ってみたいけど何からやっていいかわからない?どの業者がいいのかわからない。パソコンで困っていることがある。事務処理が多くて困っているなどなど、少しでも思った方お気軽にお問い合わせください。

コメントを残す

メールアドレスが公開されることはありません。