デジタルマーケッター・ブログ集客専門家 時々 おもろいおっさん

返信できないィ!を防ぐためにWordPressプラグイン『Contact Form7』で確認用メールアドレスを設置する方法

    
返信できない
\ この記事を共有 /
返信できないィ!を防ぐためにWordPressプラグイン『Contact...

どうも、JUNICHIです。

今回は、WordPressのお問い合わせフォームに『確認用メールアドレス』の欄を追加したい!というご質問をいただきました。

↓ こんなやつです。
確認用メールアドレスの項目追加1

 

せっかくお仕事につながりそうなお問合せをもらったのに、返事をしたメールが返ってきてしまうっぅぅぅ!!!そんな時は、問い合わせをしてくれた読者さんが自分のメールアドレスを間違って入力している可能性が高いです。

そこで、ネットショップなどでもお馴染みの、2重チェックです。メールアドレスを2回入力してもらう事で、誤入力を防ぐことができます。

 

今回は、WordPressユーザーの多くがお問合せフォームの生成に使っているプラグイン『Contact Form7』に、確認用メールアドレスの項目を追加する方法を解説します。

 

●プラグイン『Contact Form 7』が入っていないと今回の作業はできません。
●必ずバックアップを取って作業をしてください。

作業をしてサイトが崩れてしまった場合は、自己責任でお願いします。

 

それでは画面を見ながら一緒に作業をしてみましょう。

手順1.以下のコードをコピーしてください。

以下のコードを全部コピーしてください。

add_filter( 'wpcf7_validate_email', 'wpcf7_text_validation_filter_extend', 11, 2 );
add_filter( 'wpcf7_validate_email*', 'wpcf7_text_validation_filter_extend', 11, 2 );
function wpcf7_text_validation_filter_extend( $result, $tag ) {
global $my_email_confirm;
$tag = new WPCF7_Shortcode( $tag );
$name = $tag->name;
$value = isset( $_POST[$name] )
? trim( wp_unslash( strtr( (string) $_POST[$name], "\n", " " ) ) )
: '';
if ($name == "your-email"){
$my_email_confirm=$value;
}
if ($name == "your-email_confirm" && $my_email_confirm != $value){
$result->invalidate( $tag,"確認用のメールアドレスが一致していません");
}
 
return $result;
}

 

以下のようにやるとコピーしやすいですよ! ↓↓

 

コードのコピーの仕方

 

 

手順2.プラグインのファイルをいじります。

ここが初心者さんが間違った作業をやってしまうとサイトが真っ白になってしまう可能性があるので注意して作業をしてください。

↓ WordPressのダッシュボードで『プラグイン』>『インストール済みプラグイン』をクリック
確認用メールアドレスの項目追加2

 

↓ 『Contact Form 7』の『編集』をクリック
確認用メールアドレスの項目追加3

 

↓このような画面になるので、右端の『プラグインファイル』のところに注目しながら、ずーっと下の方に言ってください。
確認用メールアドレスの項目追加4

 

そこで、『contact-form-7/includes/functions.php』というものを見つけてください。

Windowsをお使いの場合は、キーボードの『Ctrlキー』+『F』を押すと、画面内の文字を検索できます。そこで「functions」と入れてあげれば、すぐにどこにあるか分かります。

↓ 見つかったら、それをクリック!
確認用メールアドレスの項目追加5

 

↓ この画面になるので、難しそうなコードがたくさん書いてある一番下まで行きましょう。
確認用メールアドレスの項目追加6

 

↓ その一番下の空いているスペースに、手順1でコピーしたコードを丸ごと貼付け!あとは『ファイルを更新』をクリック!
確認用メールアドレスの項目追加7

 

 

手順3.確認用メールアドレスの項目のコードを、追加したい部分に設置

まずは、以下のコード2行分をコピーしてあげてください。↓

<p>メールアドレス【確認用】 (必須)<br />
    [email* your-email_confirm] </p>

 

↓ 次に、お問合せフォームにこのコードを設置してあげましょう。『お問合せ』>『新規追加』をクリック
確認用メールアドレスの項目追加8

 

↓ 次に、すでにあるメールアドレスの部分の下のスペースに、先ほどコピーした2行分のコードを貼りつけます。
確認用メールアドレスの項目追加9

 

↓ こんな感じになります。
確認用メールアドレスの項目追加10

 

あとは、こんな風にして作ったフォームを、固定ページなどに設置すればOKです。

コンタクトフォームの基本的な使い方については、以下の動画でも解説しています。

https://youtu.be/xk5jm6X08pY

 

まとめ

せっかくお仕事につながるかもしれないお問合せメールなのに、相手が間違ったメールアドレスを入力してしまったがために連絡が取れない!

そんな困った事態を防ぐために、ぜひ確認用メールアドレスの項目の設置をしてみてください。

 

おわり!

 

参考にさせていただいたページ

contact form 7に確認用メールアドレスの項目を設置する方法

 

デジタルマーケティングで重要な
「データ分析」を今すぐ始めよう!

\ Kindleで売れ筋トップ獲得本 / 

GA4超入門ガイドブック

プレゼント!

表紙