WPホームページ研究所運営サポートチーム監修のオムスビ（@OMUSUVIcom）です。
本日はお問い合わせフォームを導入する有名プラグイン「Contact Form 7」のカスタマイズ。以前に入力内容の確認画面を実装するカスタム手順について解説させていただきました。以下に貼っておきますね。
本日は入力内容の確認画面ではなく「メールアドレスのダブルチェック」です。お問い合わせ時に来訪者が入力したメールアドレスに不備・間違いがないかを事前確認するためのカスタマイズとなります。
目次
Contact Form 7でメールアドレス入力欄の内容をダブルチェックする確認機能を設定しよう
実装にはプラグイン「Contact Form 7 Mail Address Check」が必要となりますので最下部から無料プラグインをダウンロードして有効化しておきましょう。管理画面からZIPファイルをアップください。
設定はフォーム内にタグを追加するだけでOK
以下は標準のフォームです。
確認用のタグを設置した記述例
以下が追加した例です。メールアドレス確認用というフォームを追加しています。
使用するタグは以下です。念のためにコピペ用でコードを残しておきますね。
your-email-confirmメールアドレスの設置タグが「email-123」なら「email-123-confirm」にすればOK。
フォームの動作をチェックする
以下が差し込んだフォームです。
メールアドレスの入力が一致しない状態ではエラーメッセージが表示されます。
入力内容に間違いがなければエラーメッセージは消えます。
設置方法は以上です。
まとめ
本日は「Contact Form 7でメールアドレスの入力内容を確認するチェック機能」をご紹介いたしました。
プラグインは「無料ダウンロード」から手に入れられます。もしエラーメッセージで表示される文言（確認用メールアドレスが一致しません）が管理画面内から変更できるようになれば便利ですよね。
今後のアップデートで対応するかもしれません。まずは一度お試しくださいませ。
最新式の無料プラグインを事前公開
WordPressは公式サイトに登録済みのプラグインだけで全機能を補足しきれません。当サイトでは使いやすさを追求した魅惑的なプラグインを無料でダウンロードいただけます。運営ホームページのマーケティング力をさらに高めるチャンスです。まずは無料でDLしてお試しくださいませ。
→ 改良されたプラグインを確認する
