Contact form 7に確認ボタンの追加

Contact form 7は、WordPress、特に日本におけるユーザーがフォームを作成するのに、一番よくつかわれているプラグインではないだろうか?
唯一、このContact form 7については、標準で「確認」ボタンがなく、入力内容の確認をしてからの「送信」という、今までよくあった形式でのフォームができない。

これを実現するのが、Contact Form 7 add confirmだ。

Contact Form 7 add confirm

プラグインの新規追加で、このプラグインを検索して、有効化しよう。

Contact Form 7 作者: Takayuki Miyoshi
Contact Form 7 add confirm 作者: Yuichiro ABE

と、二つのプラグインは日本人の開発だ。

Contact Form 7 add confirmの使い方

 

使用方法は簡単 上記の図にあるように、[確認ボタン][戻って編集ボタン]が、追加されているので、それぞれのボタンで、送信ボタンの横に機能追加する。

ボタンをクリックしても CONFIRM とか backの文字しか出ないが、半角スペースの後にボタンに表示する文字を追加する。

<p>[confirm "確認"][submit "送信"][back "戻る"]</p>

これを、そのまま記載してもよい。

その後、今までのフォームを確認すると、最初の画面では[確認]ボタン、[確認]ボタンをクリックすると、[送信][戻る]のボタンが表示される。これで、今まで慣れ親しんできたフォームの形式になる。