Contact Form by WPFormsの使い方とreCAPTCHA設定方法【SWELL推奨】

この記事では、WordPressプラグイン「Contact Form by WPForms（WPForms Lite）」でお問い合わせフォーム（コンタクトフォーム）を日本語で設置する方法を、画像を用いてわかりやすくご紹介します。

サイトの信頼性を高めるために最低限必要なものの1つが、お問い合わせフォームです。

「Contact Form by WPForms（コンタクトフォーム バイ ダブルピーフォームズ）」なら、プラグイン1つで、ほとんどの機能に対応できます。

suya

プライバシーポリシーと共に必須です。

なるほどくん

なるほど！必ず必要なんですね。

バージョンアップで一部英語になったため、日本語の表記への変更手順を追記しました。

 この記事を書いた人

suya
@suyasite

suya @suyasite

• 「WP-Search」開発者
• 「ブロググ」開発者
• 「SEOキーワードツール」

• 「WP-Search」開発者
• 「ブロググ」開発者
• 「SEOキーワードツール」

この記事を最後まで読めば、WordPress（ワードプレス）でプライバシーポリシーの設置がすぐ完了します。

ぜひ最後まで進めてみてください。

すでに途中まで進めている人は、目次から該当箇所に飛ぶこともできます。

プラグイン「Contact Form by WPForms」とは

「Contact Form by WPForms」は、お問い合わせフォーム（コンタクトフォーム）や申し込みフォームを作成できるWordPressプラグインです。

無料版では、「WPForms Lite」という名前になります。

メール送信プラグイン「WP Mail SMTP」と同じ開発者で、シンプルで使いやすいのが特徴です。

あわせて読みたい

WP Mail SMTPの設定方法と使い方【メールが届かない場合】 この記事では、WordPressプラグイン「WP Mail SMTP by WPForms」でメールをSMTPサーバーから送信する方法を、画像を用いてわかりやすくご紹介します。 サイトの信頼性を…

「WP Forms」と「Contact Form 7」の違い（比較）

同様のフォーム作成プラグインとして「Contact Form 7」がありますが、「WP Forms」の方がおすすめです。

「WPForms」は、多くの機能に標準対応しているため、追加プラグインとの相性による不具合（障害）が起こりにくいです。

「Contact Form 7」は、カスタマイズ（プログラミング）が前提となっており、外部プラグインとの相性による不具合（障害）も起こりやすいです。

• サンクスページ（送信完了ページ）対応には、PHPカスタマイズ（プログラミング）が必要
• reCAPTCHA は送信エラーを救えないv3のみ対応で、外部プラグインを使うと相性による不具合が起こりやすい
• 頻繁な仕様変更によるバージョンアップ対応が必要

suya

初心者に「Contact Form 7」はおすすめしません。

仕事の依頼を受けることがあるお問い合わせフォームで、「Google フォーム」を利用するのもやめておきましょう。

お問い合わせフォームを設置する流れ

まずは全体の流れをステップに分けて見ていきましょう。

大体の流れをつかんだら、あとは手順に従って作業を進めていくだけです。

ここから、具体的な作業が始まります。（画面は基本的にPC版です。）

1) プラグイン「WPForms」をインストール・有効化

WordPress（ワードプレス）にログインしたら、左メニューの[プラグイン]→[新規追加]をクリックして、[プラグインの検索]をします。

「WPForms」を検索して、[今すぐインストール]した後に[有効化]します。

以上で、フォーム作成プラグイン「Contact Form by WPForms」のインストール・有効化は完了です。

2) お問い合わせページを作成

インストール・有効化が完了すると、以下のような画面になります。

左メニューの[WPForms]→[新規追加]をクリックして[最初のフォームを作成]します。

フォーム名に「お問い合わせ」と入力して「簡単なお問い合わせフォーム」の[テンプレートを使用]します。

そのまま[</> 埋め込む]ボタンをクリックします。

選択画面が表示されたら、[新規ページを作成]をクリックします。

ページタイトルに「お問い合わせ」と入力して[行きましょう！]をクリックします。

右メニュー（設定メニュー）の「パーマリンク（URL スラッグ）」に「contact」と入力して[公開]を2度クリックします。

これで、お問い合わせページはもう公開されています。

パーマリンク（URLスラッグ）の入力欄が表示されない場合、パーマリンク設定がデフォルト（基本）のままの可能性があります。

以下の記事を参考にして、パーマリンク設定を変更してください。

あわせて読みたい

WordPressのおすすめ初期設定【必須8項目】 この記事では、WordPress（ワードプレス）でおすすめの初期設定のやり方と手順を、画像を用いてわかりやすくご紹介します。 WordPressを始めたら、最初にやるべき必須の…

以上で、お問い合わせフォーム（コンタクトフォーム）の作成は完了です。

3) Google「reCAPTCHA」を設定

お問い合わせフォームを公開しただけでは、スパムメール（迷惑メール）対策ができていません。

ここでは、Googleの「reCAPTCHA」を利用したスパム対策（ロボット対策）のやり方を解説します。

Google「reCAPTCHA」とは

Googleの「reCAPTCHA」は、ユーザー挙動や画像認証によって、ロボット判定して送信拒否されるサービスです。

「Checkbox reCAPTCHA v2」の場合、チェックボックスをクリックすることで、ロボットか判定されます。

画像認証が利用できる場合は、タイル（画像）を選択することで、ロボットか判定されます。

「Invisible reCAPTCHA v2」や「reCAPTCHA v3」の場合、以下のようなバッジが表示されるだけで、自動的にロボットか判定されます。

事前）Gmail（Googleアカウント）の作成

Googleサービス（reCAPTCHA）の利用には、Googleアカウントが必要になります。

Gmail（Gメール）アドレスを持っていない人は、以下のページを参考にアカウントを作成してください。

あわせて読みたい

【2025】Gmail・Googleアカウント作成の方法【電話番号なしの場合も】 この記事では、「Gmail（Gメール）」アカウントの作成方法を、画像を用いてわかりやすくご紹介します。 「Gmail（Gメール）」は、無料（0円）で使える No.1のメールアド…

1) Google「reCAPTCHA」に登録

Google reCAPTCHAの公式サイトにアクセスします。

> Google reCAPTCHA

＼ 登録開始 ／

以下の画面が表示されたら、[v3 Admin Console]をクリックします。

[Get Started with Enterprise]をクリックしないように注意してください。

Enterprise版（有料版）が表示されるので、[Switch to create a classic key]をクリックして無料版に移動してください。

ラベル（ドメイン名）、reCAPTCHA タイプ（v2 非表示）、ドメイン、同意チェックを設定して[送信]をクリックします。

[サイトキーをコピー]と[シークレットキーをコピー]するか、画面を開いたままにしておきます。

2) WPForms に「reCAPTCHA」を設定

WordPress（ワードプレス）で、左メニューの[WPForms]→[設定]をクリックして設定画面を開きます。

[CAPTCHA]タブを開き、[reCAPTCHA]を選択します。

タイプで「Invisible reCAPTCHA v2」を選択し、コピーしておいたサイトキー、シークレットキーを入力して[設定を保存]をクリックします。

3) お問い合わせフォーム に「reCAPTCHA」を設置

作成したお問い合わせフォームに「reCAPTCHA」を設定します。

左メニューの[WPForms]→[すべてのフォーム]を開き、「お問い合わせ」フォームをクリックします。

[reCAPTCHA]をクリックしてフィールドを追加して[保存]します。

右上にreCAPTCHAバッジが表示されるのを確認してください。

サーバーのWAFがON（有効化）されている場合、以下のようなエラーメッセージが表示され、正常に保存できないことがあります。

フォームの保存中に問題が発生しました。

ページを再読み込みして、もう一度お試しください。この動作が続く場合は、プラグインサポートチームに連絡してください。

WAFが誤検知しているのですが、SiteGuardを採用しているレンタルサーバーでよく起こります。

WAFにSiteGuardを採用した国内レンタルサーバーの例

• ConoHa WING
• ヘテムル
• ロリポップ！
• お名前.com レンタルサーバー
• さくらのレンタルサーバ

以下の記事を参考に、WAFをOFF（無効化）するか、チューニングで除外設定してください。

あわせて読みたい

SiteGuard WP Pluginの設定方法と不具合対処【404/403エラー】 この記事では、WordPressプラグイン「SiteGuard WP Plugin（サイトガード ダブルピー プラグイン）」の初期設定と使い方を、画像を用いてわかりやすくご紹介します。 Wo…

以上で、Google「reCAPTCHA」の導入は完了です。

4) お問い合わせフォームの動作確認

お問い合わせページにアクセスして、画面右下に「reCAPTCHAバッジ」が表示されているか確認します。

> https://ドメイン名/contact

テスト送信すると、以下のような画面に切り替わります。

テスト送信すると、以下のような受信メールが届きます。（なりすましメール対策はこの後行います。）

以上で、お問い合わせフォーム（コンタクトフォーム）の動作確認（動作検証）は完了です。

4）WPFormsでメールが届かないときのトラブルシューティング

「現在の差出人メール アドレスは、サイトのドメイン名と一致しません。」と表示される場合

WordPressのデフォルト設定では、[設定]→[一般]の[管理者メールアドレス]からメールが送信されます。

これがGmailなどになっていると、送信サーバー（Webサイト）のドメインと異なるため、正常に受信されない場合があります。

自分の使用しているレンタルサーバーなどで、メールアドレスの作成を行ってください。

送信元メールアドレスを変更するには、[管理者メールアドレス]を変更するよりも、この後のなりすましメール対策と一緒に「WP Mail SMTP」プラグインを利用するのがおすすめです。

なりすましメールが原因でメールが受信できない場合（迷惑メール）

自動送信メール（受信メール、自動返信メール）は、WordPress（ワードプレス）サーバーから送信されます。

そのため、メールアドレスの正しい送信サーバー以外から送信されたものとして、なりすましメール（迷惑メール）と判定されます。

また、場合によってはメール自体が届かない場合もあります。

なりすましメール対策を行うためには、WPFormsと同じ開発元の「WP Mail SMTP」プラグインが便利です。

あわせて読みたい

WP Mail SMTPの設定方法と使い方【メールが届かない場合】 この記事では、WordPressプラグイン「WP Mail SMTP by WPForms」でメールをSMTPサーバーから送信する方法を、画像を用いてわかりやすくご紹介します。 サイトの信頼性を…

5) お問い合わせフォームのカスタマイズ設定を変更

デフォルト設定のままだと、デザインやメール通知がいけていません。

• 名前の入力欄が、「姓名」に分かれていて、「名、姓」の逆順（英語順）
• コメントではないのに「コメントまたはメッセージ」と表示
• 自分への受信メールだけで、送信者への自動返信メールが送信されない

次に、デザインや通知メールを変更する方法を見ていきましょう。

左メニューの[WPForms]→[すべてのフォーム]を開き、「お問い合わせ」フォームを開きます。

「フィールド」画面が開きます。

「名前」フィールドをクリックして選択し、「フォーマット」を[名、姓]から[シンプル]に変更します。

「フィールド」画面は、フォームの見た目の設定項目です。

[コメントまたはメッセージ]フィールドをクリックして選択し、「ラベル」を[メッセージ]に変更し、[必須]をONにして[保存]をクリックします。

左アイコンの[設定]をクリックして「一般」設定画面を開きます。

左メニューの[通知]をクリックし、メールアドレスへ送る、メールの件名（Email Subject Line）、メッセージ（Email Message）を変更して[保存]をクリックします。

「通知」設定画面は、自動送信メール（受信メール、自動返信メール）の設定項目です。

「現在の差出人メール アドレスは、サイトのドメイン名と一致しません。 これにより、通知メールがブロックされたり、スパムとしてマークされたりする可能性があります。」と表示される場合は、こちらをご覧ください。

左メニューの[確認]をクリックし、「確認メッセージまで自動的にスクロールする」をOFFに変更して[保存]をクリックします。

「確認」設定画面は、送信完了ページ（サンクスページ）の設定項目です。

以上で、お問い合わせフォーム（コンタクトフォーム）の設定変更は完了です。

必要に応じて、再度テスト送信で動作確認（動作検証）してみてください。

参考) グローバルナビやフッターメニューに設置

グローバルナビ（ヘッダーメニュー）やフッターメニューに、お問い合わせページへのリンクを設置します。

• 左メニューの[外観]→[メニュー]からお問い合わせページ（固定ページ）を設置

この後も、プロフィールページを作成したり、サイト全体のデザインをしたりするため、後でまとめて設定しましょう。

この記事のまとめ

プラグイン「WPForms」を利用してお問い合わせフォーム（コンタクトフォーム）を設置する方法を見てきました。

「WPForms」なら、かなり簡単にお問い合わせフォームを設置できます。

なるほどくん

シンプルで簡単ですね。

よくある質問（FAQ）

「Google フォーム」はおすすめではありませんか？

「Google フォーム」は、Googleのフォーム作成ツールです。

外部ページを埋め込む形になるため、デザイン崩れやデザイン統一の問題が生じます。

せっかくWordPress（ワードプレス）で自由にデザインできるのに、フォームだけ外部サービスを利用するのはおすすめしません。

入力内容の確認画面を追加することはできませんか？

標準機能では、入力内容の確認画面を追加することはできません。

外部プラグインを利用すると、バージョンアップ時に不具合が起こることがあります。

お問い合わせフォームの履歴（データベース）を残すことはできませんか？

「WPForms」では、有料プランで可能になります。

「Contact Form 7」では、追加プラグイン「Flamingo」で可能になります。

ただし、サーバー上にデータが残るということは、不正ログインされたら個人情報流出につながります。

メールを消さずに残しておけば、履歴（データベース）を残す必要はありません。

法人企業などで管理上残す必要がある場合は、有料サービスを利用することをおすすめします。

お問い合わせページに「noindex」を設定する必要はありませんか？

「noindex」を設定すると、「サイト名　問い合わせ」などで検索しても、検索結果に表示されなくなります。

問い合わせを増やしたい場合、お問い合わせページに「noindex」を設定しなようにしましょう。

問い合わせを減らしたい場合、お問い合わせページに「noindex」を設定しましょう。

よくわからない場合は、お問い合わせページに「noindex」を設定しないことをおすすめします。

スパム対策（迷惑メール対策）のために、お問い合わせページを「noindex」に設定する必要はありませんか？

「noindex」は、検索エンジンなどのロボット（クローラ）に対して、インデックス（登録）不要と通知するための設定です。

悪意のあるロボットは、「noindex」設定は無視するため、スパム対策（迷惑メール対策）にはなりません。

Google「reCAPTCHA」は、最新バージョンの「v3」を利用すべきではないですか？

「reCAPTCHA v3」は、手動での画像認証ができず、自動認証のみ行います。

そのため、ロボットと誤判定されてしまうと、本当に問い合わせしたい人も送信不可になってしまいます。

基本的に「reCAPTCHA v2 非表示（Invisible reCAPTCHA v2）」を選択するようにしてください。

「reCAPTCHAバッジ」は、全ページに表示されませんか？

はい、「WPForms」のreCAPTCHA設定では、バッジが全ページに表示されることはありません。

「Contact Form 7」の場合は、reCAPTCHA外部プラグインによって、バッジが全ページに表示されることがあります。

名前の入力欄を「姓、名」の順番にすることはできませんか？

標準機能では、名前の入力欄を「姓、名」の順番にすることはできません。

法令やビジネス上の理由で、「姓名」に分ける必要がある場合は、有料サービスを利用することをおすすめします。

「WPForms」の自動返信メールは、有料プランではないですか？

「WPForms」では、条件分けでメール通知を分岐させるには、有料プランにする必要があります。

しかし、同じ内容のメールを複数のメールアドレスに送信するのは、無料プランでも可能です。

そのため、「メールアドレスへ送る」設定に「{field_id=”1″}」を追加して、自動返信メールを可能にしています。

「メールアドレスへ送る」設定に追加した「{field_id=”1″}」はどういう意味ですか？

「{field_id=”1″}」は、お問い合わせフォームに入力されたメールアドレスです。

「メールアドレスへ送る」設定に「{field_id=”1″}」を追加することで、送信者に自動返信メールを送ることができます。

ちなみに、「{admin_email}」はWordPress（ワードプレス）の管理者ユーザー（あなた）のメールアドレスです。

サンクスページ（送信完了ページ）を自由に編集することはできますか？

はい、自分で作成した固定ページ（サンクスページ）に飛ばす設定も可能です。

「確認」設定画面で、「確認タイプ」を[ページを表示]に変更します。

サンクスページ（送信完了ページ）を外部ページに飛ばすことができますか？

はい、別ドメインの外部ページに飛ばす設定も可能です。

「確認」設定画面で、「確認タイプ」を[URLに移動（リダイレクト）]に変更します。