WordPress 2026.05.22

WordPressで問い合わせフォームを自分で作る方法|Contact Form 7完全入門

約11分で読めます

Contact Form 7を使ったWordPressの問い合わせフォーム作成を、実案件の経験をもとに手順・設定・よくある失敗まで丁寧に解説します。

こんな悩み、ありませんか?

「WordPressサイトに問い合わせフォームを設置したいけど、どのプラグインを使えばいいかわからない」「Contact Form 7をインストールしたはいいものの、メールが届かない」「フォームを設置したら問い合わせが来るようになった、という話は聞くけど、自分のサイトではうまくいかない」

こうした状況は、Web担当者のみなさんからよくご相談を受けます。問い合わせフォームは、サイト訪問者が行動を起こす最後の一歩です。ここが機能していないと、どれだけコンテンツを充実させても、問い合わせという成果には結びつきません。

この記事では、WordPressで最も広く使われている問い合わせフォームプラグイン「Contact Form 7」の導入から設定、よくある失敗の回避策まで、実際のクライアント案件での経験を交えて解説します。読み終わった後には、フォームの設置と基本的なカスタマイズが自分でできるようになっているはずです。


なぜ問い合わせフォームが機能していないサイトが多いのか

実は、フォームを「設置しただけ」の状態で放置されているサイトは非常に多いです。以前、神奈川県内の製造業クライアントのサイト改修を担当した際、既存のContact Form 7フォームが3ヶ月間メールを一通も送信できていなかったことが判明しました。担当者は「問い合わせが来ない」と思っていたのに、実際には入力してもらっていたのです。

この原因は大きく3つに分類されます。

  • SMTPの未設定:WordPressのデフォルトのメール送信機能(PHPのmail関数)は、多くのレンタルサーバーで正常に動作しないケースがある
  • スパムフィルタとの競合:受信サーバー側でWordPressからのメールをスパムと判断してしまう
  • フォームタグの記述ミス:ショートコードやタグの書き方が微妙にずれている

設置した後に「テスト送信をする」という習慣を持っている担当者は意外と少なく、これがトラブルの温床になっています。正しい手順で設定し、確認まで行うことが、フォームを「機能させる」ための前提条件です。


WordPressでお困りですか?

サイト制作・リニューアル・トラブル対応、プロにお任せください

無料で相談する

Contact Form 7の導入から設定まで:実践手順

Step 1:プラグインのインストール

WordPress管理画面の「プラグイン → 新規追加」から「Contact Form 7」を検索し、インストール・有効化します。有効化すると左メニューに「お問い合わせ」が追加されます。

Step 2:フォームの作成

「お問い合わせ → 新規追加」から新しいフォームを作ります。デフォルトのフォームテンプレートは以下のような構成です。

<label>お名前
  [text* your-name autocomplete:name]
</label>

<label>メールアドレス
  [email* your-email autocomplete:email]
</label>

<label>件名
  [text* your-subject]
</label>

<label>メッセージ本文
  [textarea your-message]
</label>

[submit "送信"]

ここで重要なのが、*(アスタリスク)の有無です。[text* your-name]のように*がついているフィールドは必須項目になります。これを省略してしまうと、名前未入力のまま送信できてしまうため、必ずビジネス要件に合わせて設定してください。

Step 3:メールの設定

フォーム編集画面の「メール」タブで、送信先アドレスや件名を設定します。

送信先: [email protected]
送信元: [email protected]
件名: [your-subject]
メッセージ本文:
送信者: [your-name] <[your-email]>

[your-message]

返信先」の欄に[your-email]を設定しておくと、受信メールに返信するだけでユーザーへのメールが送れるため、実務では必ずここを埋めます。

Step 4:ページへの埋め込み

フォームを保存すると、ショートコードが発行されます。

[contact-form-7 id="abc1234" title="お問い合わせ"]

これをWordPressの固定ページや投稿に貼り付けるだけでフォームが表示されます。ブロックエディタ(Gutenberg)を使っている場合は、ショートコードブロックに貼り付けてください。

Step 5:SMTPプラグインの設定(重要)

ここが最も見落とされがちなステップです。Contact Form 7単体では、送信先にメールが届かないことがあります。「WP Mail SMTP」というプラグインを併用し、GmailやSendGridなどのSMTPサーバーを経由する設定を行いましょう。

SMTPホスト: smtp.gmail.com
SMTPポート: 587
暗号化: TLS
ユーザー名: [email protected]
パスワード: アプリパスワード(Googleアカウントで発行)

Gmailを使う場合は、Googleアカウントの「アプリパスワード」を発行し、通常のパスワードの代わりに設定する必要があります。この設定を行った後、必ずテスト送信で動作確認をしてください。


フォームのカスタマイズ:よく使うタグ一覧

基本的なテキスト・メール以外にも、Contact Form 7はさまざまな入力形式に対応しています。

<!-- セレクトボックス(必須) -->
[select* inquiry-type "製品について" "サービスについて" "採用について"]

<!-- チェックボックス -->
[checkbox agreement "利用規約に同意する"]

<!-- ラジオボタン -->
[radio contact-method "メール" "電話"]

よくある失敗パターンと対処法

実際の案件で繰り返し遭遇する失敗を整理しました。事前に知っておくだけでトラブルの大半は回避できます。

Contact Form 7のデフォルト設定では、サーバーのPHP mail関数を使ってメールを送信します。多くのレンタルサーバーでこの方法はスパム判定されやすく、迷惑メールフォルダにすら入らないケースがあります。前述のWP Mail SMTPを使ってSMTP送信に切り替えることが根本的な解決策です。まずは受信サーバーの迷惑メールフォルダを確認し、それでも届かない場合はSMTP設定を見直してください。
HTML5のブラウザバリデーションとContact Form 7のバリデーションが競合しているケースです。入力欄のタグに`placeholder`属性を設定していない場合や、`required`属性を重複指定している場合に発生しやすい。また、Contact Form 7のJavaScriptが他のプラグインのJSと衝突していることもあります。ブラウザのコンソールでエラーを確認してみましょう。
PHPのメモリ上限やタイムアウトが原因のことが多いです。`wp-config.php`に以下を追記することで改善する場合があります。
```php
define('WP_MEMORY_LIMIT', '256M');
```
また、プラグインの競合が原因のケースもあるため、他のプラグインを一時的に無効化して切り分けを行ってください。
reCAPTCHAを設定していない、あるいはv2からv3への移行が必要なケースです。Google reCAPTCHAのv3をContact Form 7と連携させると、ユーザーに余計な操作をさせずにスパムをブロックできます。設定はContact Form 7の「インテグレーション」タブから行えます。

導入後の変化:数字で見る効果

実際に問い合わせフォームを整備したクライアントの事例をもとに、改善前後の変化を示します。

この事例では、フォームのSMTP設定・reCAPTCHA導入・入力項目の見直しという3点を改善しただけで、月間問い合わせ数が約5倍になりました。「フォームを設置する」ことと「フォームを機能させる」ことは、別の話です。


WordPressでお困りですか?

サイト制作・リニューアル・トラブル対応、プロにお任せください

無料で相談する

サイトの改善、プロに任せませんか?

WordPress制作・リニューアル

更新しやすく、集客につながるサイトを構築します

200件以上の制作実績 顧客満足度97% 初回相談無料

※ 通常1営業日以内にご返信します

まとめと次のステップ

Contact Form 7は無料で高機能なプラグインですが、「入れるだけで完成」ではありません。SMTPの設定、スパム対策、テスト送信の確認までが、フォーム設置の一連の作業です。

以下のチェックリストで、今のサイトの状態を確認してみてください。

このチェックリストをすべて満たしていれば、フォームはほぼ確実に機能しています。一方、「SMTP設定が難しい」「Googleのアプリパスワード発行でつまずいた」という場合は、無理に進めると設定が複雑になりがちです。

当社ではContact Form 7の設定代行から、より高度なフォーム(条件分岐・ファイル添付・CRM連携など)の開発まで対応しています。**「設置はできたけど動かない」「もっとリッチなフォームにしたい」**というご相談も、お気軽にお問い合わせください。神奈川を拠点に、20年以上の実績で対応いたします。

この記事をシェア

WordPressサイト、もっと良くできます

制作・リニューアル・表示速度改善まで、WordPressのお悩みを解決します。 初回相談は無料です。

※ 1営業日以内にご返信いたします

この技術でお困りなら

無料でプロに相談できます

相談する
AIに無料相談