AIサマリー
メール入力欄でたった一文字の入力ミスがあれば、その見込み客には二度と連絡が取れなくなってしまいます。ここでのタイプミス、あそこでの文字の抜け……これらは、正当なフォーム送信が無効になってしまう最も一般的な原因の一つです。
「メールアドレスの確認」欄を追加するのが、最も手っ取り早い解決策です。これにより、ユーザーはメールアドレスを2回入力することになり、フォーム送信前に入力ミスを防ぐことができます。また、WPFormsでの設定には約15秒しかかかりません。
この記事では、フォームでユーザーのメールアドレスの確認機能を有効にする方法を、簡単な手順でご紹介します。
要約：簡単な答え
WPFormsにメールアドレスの確認欄を追加するには、ビルダーでフォームを開き、既存の「メールアドレス」フィールドをクリックして「フィールドオプション」を開き、「メールアドレスの確認を有効にする」をオンにします。フォームを保存してください。これで完了です。ユーザーには2つのメールアドレス欄が並んで表示され、両方の内容が一致するまで送信できなくなります。
住所確認フィールドのポイントは？
メールアドレスの確認欄では、ユーザーにメールアドレスを2回入力するよう求めています。2つの入力が一致しない場合、フォームは送信されず、ユーザーには誤入力を修正するよう親切なリマインダーが表示されます。
これは小さなUXの改善ですが、いくつかの大きな効果をもたらします：
- @gmail.com や @yahoo.com といった誤ったアドレスの入力による誤ったリードが減る
- フォローアップメールの配信率を向上させましょう（配信不能は送信者の評価を低下させます）
- CRM、メールリスト、またはサポートシステム内のデータを、導入初日から整理しましょう
- 登録フォームや会員登録フォームにおける登録からコンバージョンへの転換率の向上
特に、お問い合わせフォーム、登録フォーム、リードマグネットフォーム、および有料取引に関連するあらゆるフォームに追加することをお勧めします。
WordPressのフォームにメールアドレスの確認フィールドを表示する方法
WordPressのフォームに確認用メールアドレスフィールドを追加するのはとても簡単です。実際に必要なのは4つの簡単なステップだけです：
ステップ1：WPFormsをインストールする
メール確認機能は、WPFormsの標準的な「メール」フィールドに組み込まれているため、追加のアドオンは必要ありません。この機能は、WPForms Liteを含むすべてのWPFormsプランで利用可能です。
当社の人気機能を多数搭載した「WPForms Pro」から始めることをお勧めします。
WordPressのプラグインのインストールに少し手助けが必要な場合は、こちらの便利なガイドをご覧ください。
ステップ2：フォームの作成
WPFormsをインストールして有効化したら、フォームを作成してウェブサイトのページに追加します。
WPFormsなら、ドラッグ＆ドロップ式のフォームビルダーを使ったり、2,100種類以上のフォームテンプレートから簡単に選択したりできるので、非常に簡単に実現できます。
これを行うには、WordPress管理エリアの左サイドバーにあるWPFormsタブをクリックします。次に、新規追加をクリックします。
これでWPFormsのインターフェイスが表示され、フォームの名前やテンプレートを選択することができます。フォームのタイトルを入力することから始めましょう。
次に、自分に合ったテンプレートを選びます。このガイドでは、シンプルなコンタクトフォームテンプレートを選びます。希望のテンプレートにカーソルを合わせ、「テンプレートを使用」をクリックします。
右側にフォームテンプレート、左側にフォームフィールドのパネルが表示されます。
シンプルフォームテンプレートには、必要なフォームフィールド - メールフィールド - がすでに追加されているので、フォームフィールドを追加する必要はありません。しかし、フォームに必要な他のフィールドを追加することはできます。
WordPressのフォームの使い方については、簡単なお問い合わせフォームの作り方をご覧ください。
ステップ3.Eメールフィールドを編集する
Eメール確認フィールドを追加するには、Eメールフィールドを編集する必要があります。フィールドをクリックして、左側のパネルにあるフィールドオプションを開いてください。
このオプションを有効にするには、[メール確認を有効にする] トグルボタンをクリックします。
ここで行うことは以上です。これであなたのフォームはユーザーが送信する前にメールアドレスを確認するようになりました。
ステップ4.フォームを公開する
最後のステップは、WordPressサイトにフォームを公開することです。まず、ページの右上にある保存ボタンをクリックします。
次に、埋め込みをクリックして、フォームをウェブサイトのページに公開します。
フォームを新しいページに埋め込むか、既存のページに埋め込むかを選択するモーダルが表示されます。
このチュートリアルでは、新規ページの作成をクリックして、フォームを新規ページに埋め込みます。
新しいページの名前を入力し、「Let's Go」をクリックします。
WordPress ページエディターが開き、フォームが配置されているはずです。右上の公開ボタンを押してフォームを公開しましょう。
現在、フロントエンドでフォームを表示すると、アドレス確認フィールドが表示され、ユーザーは確認のために2回Eメールを入力する必要があります。
もし2つのEメールアドレスが一致しない場合、フォームにはEメールアドレスを再入力するよう指示するバリデーションメッセージが表示されます。
フォームを送信する前に間違いを訂正しなければならない。
以上です！たった4ステップでWordPressのフォームに確認用メールアドレスフィールドを追加する方法がわかりました。
メール認証UXのベストプラクティス：2つのヒント
メールアドレス確認フィールドは、間違ったメールアドレスの入力を減らすのに非常に効果的ですが、同じフォームに2度メールアドレスを入力するのは、ユーザーにとって少しイライラすることもあります。
確認メールフィールドを追加すると、訪問者のユーザーエクスペリエンスが損なわれるとお考えなら、以下の2つのヒントをお試しください：
Eメール欄を目立たせる
通常、フォームは名前フィールドから始めるのが一般的です。しかし、メールアドレスフィールドを最初に置くことは、それを目立たせる一つの方法であり、それによってユーザーはより注意を払い、より慎重にフィールドに記入するようになります。
メールフィールドラベルにリマインダーを追加する
もうひとつ試してほしいのは、Eメール・フィールドにリマインダーを追加して、Eメールアドレスが正しく入力されているかチェックするようユーザーに求めることだ。
これはEメールフィールドのフィールドオプションパネルから行うことができます。Labelフィールドを探し、Emailと書かれているところにテキストを追加するだけです。
もしお望みであれば、これらのヒントを組み合わせて使うと最高の結果が得られる。
おまけ：偽のメールアドレスや使い捨てメールアドレスのブロック
「メール確認を有効にする」トグルは入力ミスを防ぐことができますが、意図的に偽のアドレスを入力する行為（[email protected] や、Mailinator のような10分間限定の使い捨てメールボックスなど）を防ぐことはできません。もしフォームでこれが問題になる場合は、WPFormsには同じメール入力フィールドにさらに2つのツールが組み込まれています：
- 許可リスト — 特定のドメインからの送信のみを受け付けます。社内のフォームなどで、@yourcompany.com のメールアドレスからの送信のみを受け付けたい場合に便利です。
- 拒否リスト — 特定のドメインや正確なアドレスからの送信を拒否します。既知の使い捨てメールプロバイダーをブロックするのに最適です。
どちらのオプションも、メールフィールドの「フィールドオプション」＞「詳細設定」にあります。これらを「メール確認を有効にする」と組み合わせることで、カスタムコードを使わずに収集できる最も正確なメールデータを取得できます。
それがすべてだ！
フォームでメールアドレスを確認する方法をご紹介しましたが、さらに2つのUXのヒントをご紹介します。
ぜひ試してみてください！フォームデザインやレイアウトのヒントについては、フォームデザインのベストプラクティスをご覧ください！
メールアドレスの確認に関するよくある質問
メール確認用の入力欄を追加するには、WPForms Proが必要ですか？
いいえ。「メール確認を有効にする」トグルは、標準の「メールアドレス」フィールドに組み込まれており、WPForms Lite（無料版）を含むすべてのWPFormsプランで利用可能です。
確認メールの入力欄では、そのメールアドレスが実際に存在するか確認されますか？
いいえ――これは、ユーザーが同じアドレスを2回入力したかどうかを確認するだけです。その受信箱が実在するか、そこに送信されたメッセージが誰かに届くかどうかは確認しません。そのような検証を行うには、許可リスト／拒否リストのルールや、サードパーティのメール検証サービスと組み合わせて使用してください。
確認機能を有効にしているのに、なぜフォームに誤ったメールアドレスが入力されてしまうのですか？
通常、原因は次の3つのうちのいずれかです：ユーザーが意図的に偽のアドレスを入力している、ブラウザの自動入力機能によって両方のフィールドに同じ誤ったアドレスが入力されている、あるいはボットがJavaScriptによる検証を無視している、というケースです。これを解決するには、CAPTCHAを導入し、拒否リストルールを有効にし、確認用フィールドでの自動入力を無効にしてください。
2通のメールが一致しない場合のエラーメッセージをカスタマイズすることはできますか？
はい。ビルダー内のメールアドレス入力欄をクリックし、「詳細設定」タブに移動して、「確認エラーメッセージ」欄を編集してください。ブランドイメージに合った任意のテキストを設定できます。
確認メールの入力欄はモバイルでも機能しますか？
はい。WPFormsでは、モバイル画面上で確認用メールアドレスの入力欄を2つの入力フィールドを縦に並べる形式で表示し、タップしやすいレイアウトを実現しています。特別な設定は不要です。
「メールによる確認」と「メールによる認証」の違いは何ですか？
メールアドレスの確認＝ユーザーがメールアドレスを2回入力し、両方が一致していることを確認する（入力ミスを防ぐ）。メールアドレスの検証＝受信箱が存在し、メールを受信できるかどうかを実際に確認すること。通常は確認メールや検証用APIを通じて行われる。WPFormsの標準機能は「確認」機能です。本格的な「検証」を行うには、ZeroBounceのようなサービスや、ダブルオプトインのメールフローが必要になります。
確認メールの入力欄を任意入力に設定できますか？
そうではありません。元の「メールアドレス」フィールドが必須設定になっている場合、確認用のフィールドもその設定を引き継ぎます。もし「メールアドレス」フィールドが任意入力の場合、ユーザーが文字を入力し始めるまで、確認用のフィールドは表示されません。
次に、WordPressのフォームにカスタム確認と通知を追加します。
WPFormsには、ビルトインの確認メッセージや、カスタム差出人名、メール件名、メールメッセージによるメール通知など、多くの優れたフォーム作成機能があります。フォームビルダーでこれらを簡単に設定できるので、ユーザーはフォームが正しく送信されたことを知ることができます。
また、送信通知を管理者のEメールに送信したり、WordPressのダッシュボードでリピータフィールドのすべてのフォームエントリを表示したりすることもできます。
パワフルで柔軟な WordPress フォームを作成する準備はできましたか？最も簡単なWordPressフォームビルダープラグインで今すぐ始めましょう。WPForms Proにはたくさんの無料テンプレートと人気のメールマーケティングサービスやCRMとの統合が含まれています。また、14日間の返金保証もあります。
この記事がお役に立ちましたら、Facebookや TwitterでWordPressの無料チュートリアルやガイドをフォローしてください。
