ワードプレスお問い合わせフォームの作り方|初心者でも失敗しない設置手順とおすすめプラグイン
はじめに
ワードプレスでブログや企業サイト、店舗サイトを運営するなら、お問い合わせフォームの設置は早めに済ませておきたい基本設定のひとつです。
記事を読んだユーザーが質問したいとき、サービスに興味を持ったとき、仕事を依頼したいときに、すぐ連絡できる窓口がなければ大きな機会損失につながります。特にビジネス目的のサイトでは、「問い合わせしやすいかどうか」が信頼感や成約率に直結します。
とはいえ、初心者の方にとっては「ワードプレスのお問い合わせフォームはどう作ればいいの?」「どのプラグインを使えばいいの?」「メールが届かないトラブルが不安」と感じることも多いでしょう。
この記事では、ワードプレスお問い合わせフォームの作り方を、初心者にもわかりやすく解説します。特に定番プラグインであるContact Form 7を使った設置手順、テスト項目、よくある失敗、スパム対策、問い合わせ率を上げる改善方法までまとめて紹介します。
1. ワードプレスにお問い合わせフォームを設置すべき理由
ワードプレスにお問い合わせフォームを設置する目的は、単に「連絡先を用意すること」だけではありません。
お問い合わせフォームは、読者や見込み客との接点を作る入口です。商品やサービスへの質問、見積もり依頼、取材依頼、広告掲載の相談、採用応募、資料請求など、サイトの目的に応じてさまざまな問い合わせを受け付けられます。
メールアドレスやSNSだけでも連絡は取れますが、フォームを設置しておくことで、ユーザーは必要事項を入力するだけで送信できます。運営者側も問い合わせ内容を整理しやすくなり、対応漏れや確認不足を減らせます。
1-1. お問い合わせフォームが必要なサイトと不要なサイト
お問い合わせフォームが必要なサイトは、主に次のようなサイトです。
企業サイト、店舗サイト、士業サイト、個人事業主のサイト、ポートフォリオサイト、サービス紹介サイト、採用サイト、アフィリエイトブログ、メディアサイト、ECサイトなどです。
これらのサイトでは、ユーザーからの連絡が売上や仕事につながる可能性があります。そのため、問い合わせ窓口をわかりやすく設置しておくことが重要です。
一方で、完全に個人的な日記ブログや、コメント欄だけで十分な趣味サイトであれば、必ずしもお問い合わせフォームは必要ありません。ただし、将来的に広告掲載や仕事依頼を受けたい場合は、早めに設置しておくと安心です。
迷った場合は、シンプルなフォームだけでも作っておくことをおすすめします。「名前」「メールアドレス」「件名」「本文」だけのフォームであれば、初心者でも短時間で設置できます。
1-2. メールアドレス直載せではなくフォームを使うメリット
サイト上にメールアドレスをそのまま掲載する方法もありますが、基本的にはお問い合わせフォームの利用がおすすめです。
メールアドレスを直接掲載すると、迷惑メール収集ツールに拾われる可能性があります。また、ユーザー側がメールソフトを開いて文章を作成する必要があるため、問い合わせまでの手間が増えます。
フォームであれば、サイト上でそのまま入力・送信できます。さらに、入力項目をあらかじめ用意できるため、問い合わせ内容を整理しやすくなります。
たとえば、サービスサイトなら「相談内容」「希望納期」「予算感」、店舗サイトなら「来店希望日」「予約人数」「連絡先」などを入力項目にできます。これにより、最初のやり取りで必要な情報を集めやすくなります。
1-3. お問い合わせフォームで得られる信頼性・安全性・機会損失防止
お問い合わせフォームがあるサイトは、ユーザーに安心感を与えます。
「このサイトは連絡できる窓口がある」「運営者に問い合わせできる」と感じてもらえるため、企業サイトやサービスサイトでは信頼性の向上につながります。
また、フォームを使えば、スパム対策や必須項目の設定もできます。メールアドレスを直接掲載するよりも、安全に問い合わせを受け付けやすくなります。
さらに、問い合わせフォームは機会損失の防止にも役立ちます。ユーザーが商品やサービスに興味を持った瞬間に問い合わせできる導線があれば、見込み客を逃しにくくなります。
1-4. 設置前に決めておきたい入力項目と受付内容
お問い合わせフォームを作る前に、まず「何を受け付けるフォームなのか」を決めましょう。
たとえば、一般的なお問い合わせフォームなら、以下の項目で十分です。
| 項目 | 目的 |
|---|---|
| 名前 | 誰からの問い合わせか確認する |
| メールアドレス | 返信先を確認する |
| 件名 | 内容をひと目で把握する |
| お問い合わせ内容 | 詳細を確認する |
| 同意チェック | プライバシーポリシーへの同意を得る |
サービスサイトの場合は、「会社名」「電話番号」「相談内容の種類」「希望連絡方法」などを追加してもよいでしょう。
ただし、入力項目を増やしすぎると、ユーザーが面倒に感じて離脱する原因になります。最初は必要最低限の項目に絞り、運用しながら追加していくのがおすすめです。
2. ワードプレスお問い合わせフォームの作り方は主に3パターン
ワードプレスでお問い合わせフォームを作る方法は、大きく分けて3つあります。
プラグインで作る方法、外部フォーム作成サービスを埋め込む方法、HTML・PHPで自作する方法です。
それぞれメリットとデメリットがあるため、サイトの目的や運営者のスキルに合わせて選びましょう。
2-1. プラグインで作る方法
もっとも一般的なのが、ワードプレスのプラグインを使ってお問い合わせフォームを作る方法です。
Contact Form 7、WPForms、Snow Monkey Formsなどのプラグインを使えば、管理画面からフォームを作成し、固定ページに設置できます。
プラグインを使うメリットは、専門的なプログラミング知識がなくても導入しやすいことです。フォーム項目の追加、必須項目の設定、メール通知、自動返信、スパム対策なども管理画面から設定できます。
一方で、プラグインを増やしすぎるとサイトが重くなったり、他のプラグインやテーマとの相性問題が起きたりする場合があります。そのため、必要な機能を満たす信頼できるプラグインを選ぶことが大切です。
2-2. 外部フォーム作成サービスを埋め込む方法
Googleフォームやformrun、Tayoriなどの外部フォーム作成サービスを使い、ワードプレスのページに埋め込む方法もあります。
外部サービスを使うメリットは、フォームの作成や管理が簡単で、送信データの保存や分析、チーム共有などに対応しやすいことです。
一方で、無料プランでは機能制限やサービスロゴの表示がある場合があります。また、フォームデザインがサイトになじみにくいこともあります。
問い合わせ管理をしっかり行いたい場合や、複数人で対応する場合は、外部フォームサービスも選択肢になります。
2-3. HTML・PHPで自作する方法
HTMLやPHPを使って、お問い合わせフォームを自作する方法もあります。
自由度が高く、デザインや機能を細かく調整できるのがメリットです。ただし、メール送信処理、入力チェック、スパム対策、セキュリティ対策、個人情報保護などを自分で実装する必要があります。
初心者がいきなり自作するのは難易度が高く、セキュリティ上のリスクもあります。特別な理由がなければ、まずはプラグインを使う方法がおすすめです。
2-4. 初心者にはプラグインでの作成がおすすめな理由
初心者には、プラグインでお問い合わせフォームを作る方法がもっともおすすめです。
理由は、管理画面から設定できるため、コードを書かなくてもフォームを設置できるからです。さらに、定番プラグインであれば利用者が多く、設定方法やトラブル解決の情報も見つけやすいです。
特にContact Form 7は無料で使える定番プラグインとして広く利用されています。WordPress.orgの公式ページでも、Contact Form 7はオープンソースのWordPressユーザー向けツールとして紹介され、フォーム作成後は「お問い合わせ」メニューから管理できると説明されています。
「とにかく無料でお問い合わせフォームを作りたい」「まずはシンプルなフォームを設置したい」という方は、Contact Form 7から始めるとよいでしょう。
3. 初心者におすすめのワードプレスお問い合わせフォームプラグイン
ワードプレスのお問い合わせフォーム用プラグインには多くの種類があります。
ここでは、初心者にも使いやすく、よく利用されている代表的なプラグインを紹介します。
3-1. Contact Form 7|無料で使える定番プラグイン
Contact Form 7は、ワードプレスのお問い合わせフォームプラグインとして非常に有名です。
無料で使えるうえ、シンプルな問い合わせフォームを作るには十分な機能があります。フォームタグを使って項目を設定し、ショートコードを固定ページに貼り付けるだけでフォームを表示できます。
Contact Form 7の特徴は、軽量でカスタマイズしやすいことです。名前、メールアドレス、件名、本文、チェックボックス、ラジオボタン、ドロップダウンメニューなど、基本的なフォーム項目を作成できます。
また、デフォルト設定ではユーザーの個人データをデータベースに保存せず、外部サーバーへ送信せず、Cookieも利用しないと公式ページで説明されています。ただし、reCAPTCHAやAkismetなどの連携機能を使う場合は、サービス提供者側にデータが送信される可能性があるため、プライバシーポリシーの確認が必要です。
初心者が最初に使うプラグインとしては、まず候補に入れておきたい定番です。
3-2. WPForms|ドラッグ&ドロップで簡単に作れる
WPFormsは、ドラッグ&ドロップでフォームを作成できる初心者向けのプラグインです。
管理画面上で項目を追加・並び替えできるため、Contact Form 7のようにフォームタグを編集するのが不安な方でも扱いやすいです。公式ページでも、WPFormsはドラッグ&ドロップ式のフォームビルダーで、お問い合わせフォームやフィードバックフォーム、登録フォーム、決済フォームなどを作成できると紹介されています。
テンプレートを使って素早くフォームを作れる点も魅力です。無料版でも基本的なお問い合わせフォームは作れますが、高度な機能を使いたい場合は有料版が必要になることがあります。
「コードを触らず、直感的にフォームを作りたい」という方におすすめです。
3-3. MW WP Form|確認画面を作りたい場合に便利
MW WP Formは、確認画面付きのフォームを作りたい場合に使われてきた国産プラグインです。
ショートコードを使ったフォーム作成、確認画面、入力内容の保存、バリデーションルールなどに対応している点が特徴です。GitHub上の説明でも、MW WP Formは確認画面付きメールフォームを作成でき、問い合わせデータの保存や集計表示に対応していると紹介されています。
ただし、現在は必要最小限のメンテナンスリリースのみと案内されており、メインメンテナーも移管されています。
そのため、新規サイトで導入する場合は、今後の保守状況や代替プラグインも確認したうえで判断するのがおすすめです。
3-4. Snow Monkey Forms|シンプルな国産フォーム向け
Snow Monkey Formsは、ブロックエディターでフォームを作成できる国産プラグインです。
公式ページでは、Snow Monkey Formsはブロックエディターのためのメールフォームプラグインとして紹介されており、テキスト、メールアドレス、電話番号、URL、ファイル、テキストエリア、選択リスト、ラジオボタン、チェックボックスなどのフォームフィールドに対応しています。
ブロックエディターに慣れている方であれば、直感的にフォームを作りやすいのが魅力です。シンプルな問い合わせフォームを国産プラグインで作りたい方に向いています。
Snow Monkeyテーマ専用ではなく、公式FAQでも他テーマで使用できると案内されていますが、見た目の相性を重視する場合は実際の表示を確認しておきましょう。
3-5. 目的別おすすめプラグインの選び方
プラグイン選びで迷ったら、次の基準で選ぶとわかりやすいです。
| 目的 | おすすめプラグイン |
|---|---|
| 無料で定番のフォームを作りたい | Contact Form 7 |
| ドラッグ&ドロップで簡単に作りたい | WPForms |
| 確認画面付きフォームを作りたい | Snow Monkey Forms、MW WP Formなど |
| ブロックエディターで作りたい | Snow Monkey Forms |
| 高度な問い合わせ管理をしたい | 外部フォームサービスも検討 |
初心者で迷う場合は、Contact Form 7かWPFormsから選ぶのがおすすめです。
無料でシンプルに始めたいならContact Form 7、直感的な操作性を重視するならWPFormsが使いやすいでしょう。
4. Contact Form 7でお問い合わせフォームを作る事前準備
ここからは、Contact Form 7を使ったワードプレスお問い合わせフォームの作り方を解説します。
作業に入る前に、管理画面へのログイン、プラグインのインストール、フォーム項目、送信先メールアドレスを確認しておきましょう。
4-1. ワードプレス管理画面にログインする
まず、ワードプレスの管理画面にログインします。
通常は、以下のようなURLからログインできます。
https://あなたのドメイン/wp-admin/
ログイン後、左側メニューに「ダッシュボード」「投稿」「固定ページ」「外観」「プラグイン」などが表示されます。
お問い合わせフォームを作るには、プラグインの追加や固定ページの編集を行うため、管理者権限のアカウントでログインしておきましょう。
4-2. プラグインをインストールして有効化する
管理画面の左メニューから「プラグイン」→「新規追加」をクリックします。
検索窓に「Contact Form 7」と入力し、該当するプラグインが表示されたら「今すぐインストール」をクリックします。
インストールが完了したら「有効化」をクリックします。有効化すると、管理画面の左メニューに「お問い合わせ」という項目が追加されます。
この「お問い合わせ」メニューから、フォームの作成や編集を行います。
4-3. フォームに必要な項目を整理する
フォームを作る前に、必要な入力項目を整理しましょう。
初心者の場合は、まず以下の4項目で十分です。
| 項目 | 必須設定 |
|---|---|
| お名前 | 必須 |
| メールアドレス | 必須 |
| 件名 | 任意または必須 |
| お問い合わせ内容 | 必須 |
ビジネスサイトの場合は、会社名、電話番号、相談種別、希望連絡方法などを追加してもよいでしょう。
ただし、フォームの入力項目が多いほど、送信前に離脱される可能性が高くなります。まずは必要最低限にして、運用しながら改善するのがおすすめです。
4-4. 送信先メールアドレスを確認する
お問い合わせフォームから送信された内容を受け取るメールアドレスも確認しておきましょう。
よく使われるのは、以下のようなアドレスです。
info@example.comcontact@example.comsupport@example.com
個人のGmailアドレスなどでも受信できますが、企業サイトや店舗サイトでは、独自ドメインのメールアドレスを使うと信頼感が高まります。
また、フォーム送信メールが迷惑メールに入ることもあるため、後ほど必ず送信テストを行いましょう。
5. ワードプレスお問い合わせフォームの作り方|Contact Form 7の設置手順
ここからは、Contact Form 7でお問い合わせフォームを作成し、固定ページに設置する手順を説明します。
基本の流れは、フォーム作成、項目設定、メール設定、自動返信設定、ショートコード取得、固定ページへの設置です。
5-1. 新規フォームを作成する
管理画面の左メニューから「お問い合わせ」→「新規追加」をクリックします。
フォーム編集画面が表示されたら、まずフォーム名を入力します。
例:
お問い合わせフォーム
フォーム名は管理画面で識別するための名前です。ユーザーには基本的に表示されないため、自分が管理しやすい名前にしておきましょう。
5-2. 名前・メールアドレス・件名・本文の項目を設定する
Contact Form 7では、フォームタグを使って入力項目を作成します。
基本的なフォームは、以下のような構成です。
<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はテキスト入力、emailはメールアドレス入力、textareaは長文入力、submitは送信ボタンです。
フォームタグに慣れないうちは、最初から用意されている初期フォームをベースにして、必要な部分だけ変更すると失敗しにくいです。
5-3. 必須項目を設定する
Contact Form 7では、フォームタグにアスタリスクを付けると必須項目になります。
たとえば、名前を必須にする場合は以下のようにします。
[text* your-name]
メールアドレスを必須にする場合は以下です。
[email* your-email]
お問い合わせ内容を必須にする場合は以下です。
[textarea* your-message]
必須項目を設定しておくと、未入力のまま送信された場合にエラーを表示できます。
ただし、何でも必須にしすぎると入力の負担が増えます。返信に必要な「メールアドレス」と、内容把握に必要な「お問い合わせ内容」は必須にし、その他は必要に応じて設定しましょう。
5-4. メール通知の宛先・件名・本文を設定する
次に「メール」タブを開き、管理者宛に届くメールの設定を行います。
主な設定項目は以下です。
| 設定項目 | 内容 |
|---|---|
| 送信先 | 問い合わせを受け取るメールアドレス |
| 送信元 | サイト側のメールアドレス |
| 題名 | 管理者宛メールの件名 |
| 追加ヘッダー | Reply-Toなど |
| メッセージ本文 | 受信メールに表示する内容 |
たとえば、メッセージ本文は以下のように設定できます。
差出人: [your-name]
メールアドレス: [your-email]
件名: [your-subject]
お問い合わせ内容:
[your-message]
「送信先」には、問い合わせを受け取りたいメールアドレスを入力します。
「題名」には、以下のように設定すると管理しやすくなります。
【お問い合わせ】[your-subject]
メールを受け取ったときに、サイトからの問い合わせだとすぐわかる件名にしておきましょう。
5-5. 自動返信メールを設定する
自動返信メールとは、フォームを送信したユーザーに自動で届く確認メールです。
Contact Form 7では、「メール」タブ内の「メール(2)」を利用すると自動返信メールを設定できます。
「メール(2)を使用」にチェックを入れ、送信先に以下を設定します。
[your-email]
題名は、以下のようにするとわかりやすいです。
【自動返信】お問い合わせありがとうございます
本文には、送信内容を受け付けたこと、返信までの目安、送信内容の控えなどを記載します。
例:
[your-name] 様
お問い合わせありがとうございます。
以下の内容でお問い合わせを受け付けました。
内容を確認のうえ、通常2〜3営業日以内にご返信いたします。
--------------------------------
お名前: [your-name]
メールアドレス: [your-email]
件名: [your-subject]
お問い合わせ内容:
[your-message]
--------------------------------
このメールは自動送信です。
お心当たりがない場合は、お手数ですが破棄してください。
自動返信メールがあると、ユーザーは「問い合わせが送信できた」と確認できるため安心感が高まります。
5-6. ショートコードをコピーする
フォーム設定が完了したら、「保存」をクリックします。
保存後、画面上部にショートコードが表示されます。
例:
[contact-form-7 id="123" title="お問い合わせフォーム"]
このショートコードをコピーして、フォームを表示したい固定ページに貼り付けます。
Contact Form 7は、作成したフォームを挿入するためのブロックも提供しているため、ブロックエディター上でフォームを選択して設置することもできます。
5-7. 固定ページにフォームを設置する
管理画面の左メニューから「固定ページ」→「新規追加」をクリックします。
ページタイトルには、以下のように入力します。
お問い合わせ
本文エリアに、先ほどコピーしたショートコードを貼り付けます。
フォームの上には、簡単な説明文を入れておくと親切です。
例:
ご質問・ご相談は、下記フォームよりお気軽にお問い合わせください。
内容を確認のうえ、担当者よりご返信いたします。
入力が終わったら、プレビューで表示を確認し、問題がなければ公開します。
5-8. メニューやフッターからお問い合わせページへ導線を作る
お問い合わせページを作成しただけでは、ユーザーが見つけにくい場合があります。
必ず、グローバルメニュー、フッター、サイドバー、記事下、サービス紹介ページなどからお問い合わせページへ誘導しましょう。
特にビジネスサイトでは、ヘッダーの右上やフッターに「お問い合わせ」リンクを設置するのがおすすめです。
また、サービスページの最後に「ご相談はこちら」「無料相談する」「お問い合わせはこちら」といったボタンを設置すると、問い合わせにつながりやすくなります。
6. お問い合わせフォーム設置後に必ず確認すべきテスト項目
お問い合わせフォームを設置したら、必ずテスト送信を行いましょう。
フォームは見た目だけでなく、送信、受信、自動返信、スマホ表示まで確認する必要があります。
6-1. フォームが正しく表示されているか
まず、お問い合わせページを開き、フォームが正しく表示されているか確認します。
確認すべきポイントは以下です。
フォーム項目が表示されているか、入力欄の幅が適切か、ラベルがわかりやすいか、送信ボタンが見えるか、不要なショートコード文字列が表示されていないかを見ます。
もしショートコードがそのまま文字として表示されている場合は、貼り付け場所やブロックの種類が間違っている可能性があります。
6-2. 必須項目のエラー表示が機能しているか
次に、必須項目を空欄のまま送信してみましょう。
正しく設定できていれば、「入力してください」「必須項目に入力してください」といったエラーメッセージが表示されます。
必須項目のエラーが表示されない場合は、フォームタグにアスタリスクが付いているか確認しましょう。
例:
[text* your-name]
[email* your-email]
[textarea* your-message]
6-3. 送信完了メッセージが表示されるか
すべての項目を入力して送信し、送信完了メッセージが表示されるか確認します。
送信完了メッセージが表示されれば、ユーザーは問い合わせが完了したと判断できます。
メッセージがわかりにくい場合は、「メッセージ」タブから文言を変更しましょう。
例:
お問い合わせありがとうございます。内容を確認のうえ、担当者よりご連絡いたします。
6-4. 管理者宛メールが届くか
フォーム送信後、管理者宛のメールが届くか確認します。
届かない場合は、まず迷惑メールフォルダを確認してください。そのうえで、Contact Form 7の「メール」タブにある送信先、送信元、題名、メッセージ本文の設定を見直します。
特に、送信元メールアドレスがサイトのドメインと一致していない場合、メールサーバー側で迷惑メール判定されやすくなることがあります。
6-5. 自動返信メールがユーザーに届くか
自動返信メールを設定している場合は、ユーザー側にもメールが届くか確認します。
テスト時は、管理者用とは別のメールアドレスを使うと確認しやすいです。
Gmail、Yahoo!メール、iCloudメールなど、複数のメールサービスで受信確認をしておくと、迷惑メール判定の傾向も把握できます。
6-6. スマホ表示で入力しやすいか
お問い合わせフォームは、スマホ表示でも必ず確認しましょう。
スマホで確認すべきポイントは、入力欄が画面幅に収まっているか、文字が小さすぎないか、送信ボタンが押しやすいか、項目間の余白が適切か、エラーメッセージが見やすいかです。
スマホで入力しにくいフォームは離脱の原因になります。特に、入力項目が多いフォームはスマホユーザーに負担がかかるため、必要最低限に絞ることが大切です。
7. ワードプレスお問い合わせフォームでよくある失敗と解決方法
ワードプレスのお問い合わせフォームでは、「メールが届かない」「送信エラーが出る」「表示が崩れる」などのトラブルが起こることがあります。
ここでは、初心者がつまずきやすい失敗と解決方法を紹介します。
7-1. メールが届かない場合の原因と対処法
お問い合わせフォームから送信したのにメールが届かない場合、主な原因は以下です。
送信先メールアドレスが間違っている、迷惑メールフォルダに入っている、サーバーのメール送信設定に問題がある、送信元アドレスが適切でない、メール認証設定が不足している、プラグインやテーマとの相性が悪いなどが考えられます。
まずは、Contact Form 7の「メール」タブで送信先を確認しましょう。
次に、迷惑メールフォルダを確認します。それでも届かない場合は、SMTPプラグインの導入を検討します。SMTPを使うと、ワードプレスからのメール送信を安定させやすくなります。
7-2. 迷惑メールフォルダに入る場合の対処法
管理者宛メールや自動返信メールが迷惑メールに入る場合は、送信元アドレスを見直しましょう。
たとえば、サイトのドメインがexample.comなのに、送信元がGmailアドレスになっていると、不自然な送信として判定されることがあります。
送信元には、できるだけサイトと同じドメインのメールアドレスを設定しましょう。
例:
wordpress@example.cominfo@example.com
また、サーバー側でSPF、DKIM、DMARCなどのメール認証設定を行うと、メールの信頼性を高めやすくなります。
7-3. 送信エラーが出る場合の確認ポイント
フォーム送信時にエラーが出る場合は、まずエラーメッセージの種類を確認します。
入力エラーであれば、必須項目やメールアドレス形式を確認します。送信処理のエラーであれば、メール設定やサーバー設定を確認します。
Contact Form 7では、スパム判定された場合やメール送信に失敗した場合にもエラー表示が出ることがあります。
特にスパム対策プラグインやreCAPTCHAを導入している場合は、設定ミスがないか確認しましょう。
7-4. フォームのデザインが崩れる場合の対処法
フォームのデザインが崩れる場合は、テーマのCSSや他プラグインの影響を受けている可能性があります。
まずは、別のテーマに一時的に切り替えて確認する、不要なプラグインを停止して確認する、ブラウザのキャッシュを削除する、カスタムCSSを見直すといった方法を試します。
入力欄の幅が狭い場合は、CSSで調整できます。
例:
CSS.wpcf7 input,
.wpcf7 textarea {
width: 100%;
box-sizing: border-box;
}
ただし、テーマによって適切なCSSは異なるため、変更前にバックアップを取っておきましょう。
7-5. ショートコードを貼っても表示されない場合の対処法
ショートコードを貼ってもフォームが表示されない場合は、以下を確認します。
Contact Form 7が有効化されているか、ショートコードを正しくコピーしているか、固定ページの本文エリアに貼っているか、ショートコードブロックまたは段落ブロックに貼っているか、キャッシュが残っていないかを確認しましょう。
また、フォームを削除した後に古いショートコードを貼っている場合も表示されません。管理画面の「お問い合わせ」から、現在存在するフォームのショートコードを再度コピーしてください。
7-6. 二重送信を防ぐ方法
ユーザーが送信ボタンを何度もクリックすると、同じ問い合わせが複数届くことがあります。
二重送信を防ぐには、送信後にボタンを無効化する、送信中の表示をわかりやすくする、サンクスページへ遷移させる、連続送信を制限するなどの方法があります。
プラグインやカスタムJavaScriptで対応する方法もありますが、初心者の場合はまず「送信完了メッセージをわかりやすくする」ことから始めましょう。
例:
お問い合わせありがとうございます。送信は完了しています。確認のため再送信は不要です。
8. スパム対策とセキュリティ設定
お問い合わせフォームを設置すると、スパムメールが届くことがあります。
特に公開サイトでは、フォームが自動送信プログラムの標的になることもあるため、早めにスパム対策を行いましょう。
8-1. お問い合わせフォームにスパム対策が必要な理由
お問い合わせフォームは、ユーザーからの連絡を受け付ける便利な窓口ですが、同時にスパム送信の入口にもなります。
スパムが増えると、本当に重要な問い合わせを見落としたり、メールボックスが圧迫されたり、業務効率が低下したりします。
Contact Form 7の公式ドキュメントでも、スパマーは問い合わせフォームも標的にすると説明されており、複数のスパム対抗モジュールを組み合わせることが推奨されています。
8-2. reCAPTCHAを設定する方法
reCAPTCHAは、Googleが提供するスパム対策機能です。フォーム送信が人間によるものか、自動プログラムによるものかを判定するために使われます。
Contact Form 7でreCAPTCHAを使う場合は、Google reCAPTCHAでサイトキーとシークレットキーを取得し、ワードプレス管理画面の「お問い合わせ」→「インテグレーション」から設定します。
設定後は、フォームの送信テストを行い、正常に送信できるか確認しましょう。
reCAPTCHAを設定するとスパム対策に役立ちますが、外部サービスとの連携になるため、プライバシーポリシーにも必要な内容を記載しておくと安心です。Contact Form 7の公式ページでも、reCAPTCHAなど特定機能の利用時には送信者のIPアドレスを含む個人データがサービス提供者へ送信される可能性があると説明されています。
8-3. Akismetやスパム対策プラグインを活用する方法
Akismetも、Contact Form 7のスパム対策として利用できます。
Contact Form 7公式ドキュメントでは、AkismetはAutomatticが提供するアンチスパムサービスであり、フォームタグにakismet:author、akismet:author_email、akismet:author_urlなどのオプションを設定して利用できると説明されています。
たとえば、名前とメールアドレスの項目に以下のようなオプションを追加します。
[text* your-name akismet:author]
[email* your-email akismet:author_email]
Akismetを利用する場合は、Akismet側の設定やAPIキーの取得も必要です。
スパム対策は1つだけに頼るのではなく、reCAPTCHA、Akismet、禁止ワード、送信制限などを組み合わせると効果的です。
8-4. 入力項目を増やしすぎないことの重要性
スパム対策のために入力項目を増やしすぎるのはおすすめしません。
たとえば、「住所」「電話番号」「会社名」「部署名」「役職」「URL」などをすべて必須にすると、通常のユーザーまで送信しにくくなります。
フォームは、スパムを減らすことだけでなく、ユーザーが問い合わせしやすいことも重要です。
スパム対策は、入力項目を増やすよりも、reCAPTCHAやAkismet、送信制限などで行いましょう。
8-5. 個人情報を扱う際の注意点
お問い合わせフォームでは、名前、メールアドレス、電話番号、会社名、相談内容などの個人情報を扱うことがあります。
そのため、フォームの近くにプライバシーポリシーへのリンクを設置し、個人情報の利用目的を明示しておくことが大切です。
また、不要な個人情報は取得しないようにしましょう。問い合わせ対応に電話番号が不要であれば、電話番号欄を任意にする、または削除することも検討します。
個人情報を扱うフォームでは、SSL化も必須です。サイトURLがhttps://で始まっているか確認し、未対応であればサーバー側でSSL設定を行いましょう。
9. お問い合わせ率を上げるフォーム改善のコツ
お問い合わせフォームは、設置して終わりではありません。
入力しやすさ、安心感、導線、ボタン文言を改善することで、問い合わせ率を高められます。
9-1. 入力項目は必要最低限にする
問い合わせ率を上げるうえで、もっとも大切なのは入力項目を増やしすぎないことです。
ユーザーは、入力が面倒だと感じると途中で離脱します。
最初は、名前、メールアドレス、問い合わせ内容だけでも十分です。件名や電話番号は必要に応じて追加しましょう。
特にスマホユーザーは長いフォームを嫌がる傾向があります。スマホで入力する場面を想定して、できるだけ短くわかりやすいフォームにしましょう。
9-2. わかりやすいラベルとプレースホルダーを設定する
入力欄には、わかりやすいラベルを付けましょう。
悪い例:
名前メール内容
良い例:
お名前メールアドレスお問い合わせ内容
プレースホルダーも活用できます。
例:
例:山田 太郎例:sample@example.comご相談内容をできるだけ具体的にご記入ください
ただし、プレースホルダーだけに頼ると、入力中に説明が見えなくなる場合があります。基本はラベルを表示し、補足としてプレースホルダーを使うのがおすすめです。
9-3. 送信ボタンの文言を工夫する
送信ボタンの文言も、問い合わせ率に影響します。
「送信」だけでも問題ありませんが、少し具体的にするとユーザーが行動しやすくなります。
例:
送信する問い合わせる相談内容を送信する無料で相談する見積もりを依頼する
サービスサイトなら「無料相談する」、資料請求なら「資料を請求する」、予約フォームなら「予約内容を送信する」など、目的に合った文言にしましょう。
9-4. お問い合わせ前の不安を減らす説明文を入れる
フォームの上には、ユーザーの不安を減らす説明文を入れましょう。
例:
ご質問・ご相談は下記フォームよりお気軽にお問い合わせください。通常2〜3営業日以内にご返信いたします。
無理な営業は行いません。内容を確認したうえで、担当者よりご連絡いたします。
入力いただいた個人情報は、お問い合わせ対応の目的以外には使用しません。
このような一文があるだけで、ユーザーは安心して送信しやすくなります。
9-5. 完了メッセージで次の行動を案内する
フォーム送信後の完了メッセージも重要です。
単に「送信されました」だけではなく、次に何が起こるのかを案内しましょう。
例:
お問い合わせありがとうございます。内容を確認のうえ、通常2〜3営業日以内にご返信いたします。自動返信メールが届いていない場合は、迷惑メールフォルダもご確認ください。
さらに、サンクスページを用意している場合は、関連ページやFAQ、資料ダウンロード、予約ページなどへ案内することもできます。
10. お問い合わせフォームとあわせて作成したいページ・設定
お問い合わせフォームを設置したら、関連するページや計測設定も整えておきましょう。
特に、プライバシーポリシー、サンクスページ、FAQ、アクセス解析、送信データ保存は重要です。
10-1. プライバシーポリシーページ
お問い合わせフォームでは個人情報を扱うため、プライバシーポリシーページを作成しておきましょう。
プライバシーポリシーには、取得する情報、利用目的、第三者提供の有無、管理方法、問い合わせ窓口などを記載します。
フォームの下には、以下のような同意チェックを設置すると丁寧です。
[acceptance your-acceptance] プライバシーポリシーに同意します [/acceptance]
同意チェックを設置する場合は、プライバシーポリシーページへのリンクも忘れずに入れましょう。
10-2. サンクスページ
サンクスページとは、フォーム送信後に表示する完了ページです。
Contact Form 7では標準状態だと同じページ内に完了メッセージが表示されますが、カスタマイズや別プラグインを使うことでサンクスページへ遷移させることもできます。
サンクスページを作るメリットは、送信完了を明確に伝えられること、Googleアナリティクスでコンバージョン計測しやすいこと、次の行動へ案内しやすいことです。
サンクスページには、以下の内容を入れるとよいでしょう。
問い合わせ受付のお礼、返信までの目安、自動返信メールの確認案内、関連ページへのリンク、電話での緊急連絡先などです。
10-3. よくある質問ページ
問い合わせが多い内容は、FAQページにまとめておくと便利です。
FAQページがあると、ユーザーは問い合わせ前に疑問を解消できます。運営者側も同じ質問への対応を減らせます。
サービスサイトなら、料金、納期、対応範囲、支払い方法、キャンセル、相談方法などを掲載するとよいでしょう。
お問い合わせフォームの上に「よくある質問もご確認ください」とリンクを設置しておくと、不要な問い合わせを減らしつつ、ユーザー満足度も高められます。
10-4. Googleアナリティクスで送信数を計測する設定
お問い合わせフォームを設置したら、送信数を計測しましょう。
GoogleアナリティクスやGoogleタグマネージャーを使えば、フォーム送信をコンバージョンとして計測できます。
サンクスページを用意している場合は、サンクスページの表示回数をコンバージョンとして設定する方法がわかりやすいです。
サンクスページを使わない場合は、フォーム送信イベントを計測する方法もあります。
問い合わせ数を計測しておくと、どの記事やページから問い合わせが発生しているか分析できます。SEO記事やサービスページの改善にも役立ちます。
10-5. フォーム送信データを保存する方法
Contact Form 7は、デフォルトではフォーム送信データをワードプレスのデータベースに保存しません。公式ページでも、デフォルト設定では個人データをデータベースに書き出さないと説明されています。
そのため、送信内容を管理画面で確認したい場合は、保存用のプラグインを追加する必要があります。
代表的な方法として、Flamingoなどの関連プラグインを使う方法があります。送信メールが届かなかった場合の控えとしても役立ちます。
ただし、送信データを保存する場合は、個人情報の管理責任も発生します。不要なデータは定期的に削除し、管理者アカウントのセキュリティも強化しましょう。
11. ワードプレスお問い合わせフォームに関するよくある質問
ここでは、ワードプレスお問い合わせフォームについて初心者からよくある質問に回答します。
11-1. お問い合わせフォームは無料で作れる?
はい、無料で作れます。
Contact Form 7やWPForms Lite、Snow Monkey Formsなど、無料で使えるお問い合わせフォームプラグインがあります。
シンプルな問い合わせフォームであれば、無料プラグインだけで十分対応できます。
ただし、条件分岐、決済連携、予約管理、詳細な送信データ管理など高度な機能を使いたい場合は、有料版や外部フォームサービスを検討しましょう。
11-2. Contact Form 7とWPFormsはどちらがおすすめ?
無料でシンプルに作りたいならContact Form 7、直感的な操作で作りたいならWPFormsがおすすめです。
Contact Form 7は、フォームタグを使って柔軟に設定できます。カスタマイズ情報も多く、無料で始めやすいのが魅力です。
WPFormsは、ドラッグ&ドロップでフォームを作成できるため、初心者でも操作しやすいです。公式ページでも、コード不要でフォームを作成・管理できると説明されています。
「少し設定を覚えても無料で使いたい」ならContact Form 7、「管理画面で直感的に作りたい」ならWPFormsを選ぶとよいでしょう。
11-3. 確認画面は必要?
必須ではありません。
一般的な問い合わせフォームであれば、確認画面がなくても問題ありません。送信前に入力内容を見直してもらいたい場合や、申し込みフォーム、予約フォーム、資料請求フォームなどでは確認画面があると安心です。
ただし、確認画面を入れると送信までのステップが増えるため、離脱が増える可能性もあります。
シンプルな問い合わせフォームなら確認画面なし、重要な申請や申し込みフォームなら確認画面あり、という考え方がおすすめです。
11-4. 自動返信メールは設定したほうがいい?
設定することをおすすめします。
自動返信メールがあると、ユーザーは「問い合わせが正常に送信された」と確認できます。
また、送信内容の控えをユーザーに届けられるため、後から内容を見返してもらうこともできます。
ただし、自動返信メールが迷惑メールに入ることもあるため、送信元アドレスやメール認証設定を見直しておきましょう。
11-5. フォームから送信された内容を管理画面に保存できる?
プラグインを追加すれば保存できます。
Contact Form 7単体では、デフォルトで送信データをデータベースに保存しません。送信内容を管理画面に残したい場合は、Flamingoなどの保存用プラグインを導入する方法があります。
ただし、保存する情報が増えるほど、個人情報管理の責任も大きくなります。保存期間や削除ルールを決めて運用しましょう。
11-6. プラグインなしでお問い合わせフォームは作れる?
作れますが、初心者にはおすすめしません。
HTML、CSS、PHP、JavaScriptなどを使えば、プラグインなしでフォームを作成できます。
しかし、入力チェック、メール送信、スパム対策、セキュリティ、個人情報保護などを自分で実装する必要があります。
不備があると、メールが届かない、スパムが大量に届く、不正送信される、個人情報が漏れるといったリスクがあります。
特別な理由がなければ、まずは信頼できるフォームプラグインを使うのが安全です。
まとめ
ワードプレスお問い合わせフォームは、サイト運営に欠かせない重要な窓口です。
問い合わせフォームを設置することで、ユーザーが連絡しやすくなり、信頼性の向上、機会損失の防止、問い合わせ内容の整理につながります。
初心者がワードプレスでお問い合わせフォームを作るなら、まずはプラグインを使う方法がおすすめです。無料で定番のContact Form 7、直感的に作れるWPForms、ブロックエディター向けのSnow Monkey Formsなど、目的に合わせて選びましょう。
特にContact Form 7を使えば、フォーム作成、メール通知、自動返信、固定ページへの設置まで、基本的な問い合わせフォームを無料で作れます。
設置後は、表示確認、送信テスト、管理者宛メール、自動返信メール、スマホ表示を必ずチェックしてください。さらに、reCAPTCHAやAkismetなどのスパム対策、プライバシーポリシー、サンクスページ、送信数の計測も整えておくと安心です。
お問い合わせフォームは、作って終わりではありません。入力項目を減らす、説明文を入れる、送信ボタンを改善する、導線を増やすなど、少しずつ改善することで問い合わせ率を高められます。
まずはシンプルなフォームを設置し、ユーザーが安心して連絡できるサイト作りを進めていきましょう。

