WordPressでお問い合わせフォームを作る方法|初心者でも10分でできる基本手順

【当ブログは、WordPressテーマ「SWELL」、 レンタルサーバー「ロリポップ! ハイスピードプラン」で運営しています。】

「WordPressの問い合わせフォーム、どの方法で作るのが正解なんだろう……」
「Contact Form 7・Googleフォーム・formrun…名前は聞くけれど、違いがよく分からない」
「とりあえずプラグインで作ったけど、スパムが多いし、メールが届かないこともあって不安……」
「コードを書けば自由度が高いのは分かるけど、自作して本当に大丈夫かな?」

WordPressでサイトを運営していると、問い合わせフォームの作り方・選び方は避けて通れません。
ところが、プラグイン・外部ツール・自作コードなど選択肢が多すぎて、初心者ほど「どれに決めればいいか分からない」状態に陥りがちです。

このブログでは、

  • プラグインで作るフォーム
  • Googleフォームなどの外部サービス型フォーム
  • formrunなどのフォーム作成ツール
  • PHP・HTMLでの自作フォーム

といった代表的な4パターンを整理し、「それぞれどんな人・どんなサイトに向いているか」をできるだけ分かりやすく解説します。

あわせて、

  • セキュリティやスパム対策で最低限おさえたいポイント
  • メールが届かない・スマホで崩れるといったトラブルの考え方
  • 問い合わせ内容を“サイト改善のヒント”として活かす視点

まで含めて、「とりあえず作る」から一歩進んだ問い合わせフォーム運用を目指せるように構成しました。

これから初めてフォームを用意する方はもちろん、
すでに設置しているフォームを「今のやり方のままでいいのか見直したい」という方にも役立つように書いていきます。

フォーム作成から問い合わせ対応・顧客管理まで【formrun】
目次

なぜWordPressサイトに問い合わせフォームが必要なのか

ブログやサイトを立ち上げたばかりの頃は、
「まだアクセスも少ないし、問い合わせフォームは後回しでいいかも…」と思いがちです。

ですが、問い合わせフォームは「後から付ける便利機能」ではなく、サイトの“基盤”に近い存在です。
トラブル対応・信頼性・収益化のどれを取っても、早めに用意しておいたほうがメリットが大きくなります。

ここでは、具体的にどんな利点があるのかを一つずつ整理していきます。

問い合わせ窓口として「万が一」の連絡先を確保できる

運営を続けていると、次のような「想定外」は必ず起こります。

  • 記事内の情報に誤りがあった
  • 写真や画像の権利について連絡を受けた
  • 表現が不適切だと指摘された
  • サイトの不具合で読者に迷惑がかかっている

このとき、公式な連絡手段が「コメント欄」や「SNSのDMだけ」だと、重要な連絡を見逃すリスクが高まります。

問い合わせフォームがあれば、

  • 専用の送信フォームから
  • 事前に決めたメールアドレスへ
  • 必要な情報をそろえた状態で

連絡してもらえるので、トラブル発生時の“緊急連絡先”として機能します。

アドセンス・アフィリエイトなど各種審査で評価されやすくなる

Googleアドセンスや、企業案件系のアフィリエイト(ASP)では、

  • サイト運営者が誰かわかるか
  • 利用者が運営者に連絡できる手段があるか
  • 問題発生時の窓口が用意されているか

といった「運営の透明性」が重視されることが多いです。

問い合わせフォームは、

  • プライバシーポリシー
  • 免責事項
  • 運営者情報(プロフィール)

と並んで、審査時に見られやすい“信頼性のシグナル”になります。
必ずしもフォームがないと落ちるわけではありませんが、設置しておくほうが評価されやすい土台を作れると考えておくとよいです。

企業や個人からの仕事・取引の相談窓口になる

ある程度アクセスが増えてくると、次のような連絡が届くことがあります。

  • 記事広告・タイアップの相談
  • バナー掲載・レビュー依頼
  • 講師・登壇の依頼
  • ライティング・制作の依頼

これらは「問い合わせフォーム」から届くことがほとんどです。
メールアドレスが本文に書かれているだけだと、企業側も送りづらくなりますし、コピーミスの原因にもなります。

問い合わせフォームがあれば、

  • 「案件依頼はこちら」のように入口を分けられる
  • 必要な項目(会社名・予算感・期日など)をあらかじめ入力してもらえる
  • やり取りをメールに自動で一元化できる

といった形で、仕事の相談窓口としても活用しやすくなります

読者に安心感を与え、サイト全体の信頼性を高める

訪問者の立場になってみると、

  • 運営者と連絡が取れないサイト
  • 問い合わせ先がどこにも書かれていないサイト

は、どれだけ記事の内容が良くても不安です。

逆に、

  • 「お問い合わせ」ページがナビメニューに常に表示されている
  • プロフィールや運営者情報から、そのページへすぐ飛べる

といったサイトは、

  • 「何かあれば連絡できる」
  • 「ちゃんとした人が運営している」

という印象につながります。

信頼感はSEOにも間接的にプラスで、
・滞在時間が伸びる
・リピーターが増える
・ブランド名で検索されやすくなる
など、結果的に評価されやすいサイトへ育ちやすくなります。

24時間いつでも連絡を受け付けられる

電話番号を公開して問い合わせを受ける場合、どうしても

  • 営業時間
  • 対応できる曜日・時間帯
  • タイムゾーンの違い

に縛られてしまいます。

問い合わせフォームなら、

  • 訪問者が空いている時間に送信できる
  • 運営者側は都合の良いタイミングで返信できる

という形で、双方にとってストレスの少ないコミュニケーションが可能です。

特に、

  • 副業で運営している
  • 昼間は別の仕事をしている
  • 海外からのアクセスも想定している

といった場合、24時間受付できる窓口としてフォームは相性が良いです。

メールアドレスを公開せずに連絡を集約できる

メールアドレスをそのままページに書くと、

  • アドレスをクローリングするスパムボットに拾われる
  • 不特定多数から迷惑メールを送られやすくなる
  • メールアドレスの変更・入れ替えが面倒になる

といった問題が避けられません。

問い合わせフォームを使えば、

  • メールアドレス自体は非公開のまま
  • 送信内容だけを指定のメールに届けられる
  • アドレスを変えたいときは「フォームの設定」だけ変えればよい

という形で、セキュリティと運用のしやすさを両立できます。

ユーザーの悩みやニーズを把握し、マーケティングに活かせる

問い合わせは「トラブル対応」だけでなく、ユーザーの生の声を集める貴重な窓口でもあります。

例えば、こんな活用ができます。

スクロールできます
受け取る内容の例活かし方の例
「この部分がわかりづらい」該当記事をリライトし、図解や例を増やす
「○○についても解説してほしい」新しい記事ネタ・商品アイデアとして検討する
よくある質問FAQページやマニュアルを整備する

問い合わせ内容をざっと分類していくだけでも、

  • 読者がどこでつまずいているのか
  • どの記事に需要が集中しているのか
  • どんなキーワード・テーマに興味があるのか

といった情報が見えてきます。
アクセス解析だけではわからない“本音”を拾えるのが、フォームの大きな強みです。

導入前に知っておきたいデメリット・リスク

便利な一方で、問い合わせフォームには「いいことだけ」ではありません。
運用を始めてから困らないよう、あらかじめデメリットも把握しておきましょう。

設置・管理・トラブル対応に手間がかかる

問い合わせフォームを用意すると、次のような作業が発生します。

  • プラグインや外部ツールの導入・設定
  • WordPress本体やプラグインのアップデート対応
  • サーバーのメール機能の設定・見直し
  • テスト送信による動作確認
  • 受信したメールへの返信・対応

特に注意したいのは、「知らない間にフォームが壊れていて、問い合わせが一切届いていなかった」というケースです。

  • 仕様変更やアップデートによる不具合
  • サーバー側のメール制限
  • スパムフィルターの設定

などが原因で起こることがあるため、

  • 定期的にテスト送信を行う
  • 重要なフォームはバックアップ手段(Googleフォームなど)も用意しておく

といった対策が必要になります。

迷惑メールやスパムが届く可能性がある

フォームを設置すると、どうしても

  • ボットによる自動投稿
  • 宣伝だけを目的としたスパム
  • 不審なURLを含むメッセージ

といった望ましくない問い合わせも混ざるようになります。

対策としては、

  • reCAPTCHAやCloudflare Turnstileなどのチェック機能を導入する
  • 同じIPアドレスからの大量送信を制限する
  • 不審なリンクは絶対にクリックしない運用ルールを決める

など、技術面と運用面の両方で防御する意識が大切です。


問い合わせフォームは、
「あると便利」ではなく “サイト運営の信頼性を支えるインフラ” に近い存在です。

メリットとリスクの両方を理解したうえで、
自分のWordPressサイトに合った形で導入していきましょう。

連絡先の公開方法と問い合わせフォームの種類

WordPressで連絡先を用意する方法は、大きく分けると次の2つです。

  • メールアドレスをそのまま掲載する
  • 問い合わせフォームを設置する

さらに、問い合わせフォームにもいくつかのパターンがあります。
それぞれの特徴を理解して、あなたのサイトに合う方法を選びましょう。

メールアドレスをそのまま掲載する場合のメリット・注意点

メリット

  • 準備ゼロですぐに始められる
    WordPressの設定やプラグインなしで、「contact@example.com」のようにテキストを貼るだけで連絡先になります。
  • 相手のメール環境にそのまま届く
    訪問者が普段使っているメーラーから送ってくれるため、添付ファイルや署名なども含めてやり取りしやすいケースがあります。
  • トラブルの原因が比較的シンプル
    フォームのような複雑な仕組みがないため、「相手がアドレスを打ち間違えた」「迷惑メールフォルダに入った」といった基本的な原因だけを疑えばよいことが多いです。

注意点

  • スパムメールの標的になりやすい
    ページ上のアドレスは、ボットに収集されやすく、迷惑メールが一気に増えるリスクがあります。
    JavaScriptで難読化する方法もありますが、「完全な防御」にはなりません。
  • アドレスを変更しづらくなる
    サイト内の複数ページにアドレスを書いていると、変更のたびに全て差し替える必要があります。
    古いアドレスがキャッシュや他サイトに残ることもあり、管理が面倒です。
  • ユーザー側の入力ミスが起こりやすい
    アドレスを見て手打ちする場合、1文字の打ち間違いで連絡が届かなくなります。
    その場合、送信者は「エラーになった」程度しか分からず、機会損失につながります。
  • 個人サイトでは心理的な抵抗が出やすい
    本名+個人メールアドレスを公開することに抵抗がある人も多く、プライバシーの観点からもおすすめしづらい方法です。

問い合わせフォームを使う場合のメリット・注意点

メリット

  • メールアドレスを公開せずに連絡を受け取れる
    裏側の送信先アドレスはユーザーから見えないため、アドレス収集のボット対策として効果的です。
  • 必要な情報を漏れなく集められる
    「お名前」「メールアドレス」「お問い合わせ内容」「選択肢」など、入力項目をあらかじめ設計できるので、
    やり取りがスムーズになり、ヒアリングの手間を減らせます。
  • 入力チェックやエラー表示が可能
    「メールアドレスの形式が違います」「必須項目です」といったエラーメッセージを出すことで、
    ユーザーの入力ミスを減らし、届かない問い合わせを防げます。
  • 自動返信・サンクスページなどで信頼感を演出できる
    送信後に自動返信メールや完了画面を表示することで、
    「ちゃんと送れたのかな?」という不安を減らし、ユーザー体験を向上できます。
  • 問い合わせ内容を整理・蓄積しやすい
    プラグインや外部ツールによっては、送信内容をデータベースやスプレッドシートに保存でき、
    よくある質問の把握やマーケティング分析にも活用できます。

注意点

  • 初期設定とメンテナンスが必要
    プラグインのインストール、送信先メールの設定、テスト送信など、最初にやることは一定数あります。
    また、WordPressやプラグインのアップデートで不具合が出ることもあり、定期的なチェックが欠かせません。
  • メールが届かないトラブルが起こりうる
    サーバーのメール制限、SPF/DKIM設定、迷惑メール判定など、
    フォームを挟むことでトラブル要因が増えるのは事実です。テスト送信とログ確認は必須です。
  • フォームの作り方によって離脱を招くこともある
    項目を詰め込みすぎたり、スマホで入力しづらいレイアウトにすると、
    「途中で面倒になって送るのをやめる」人が増えてしまいます。
  • セキュリティ対策が不可欠
    スパムボットによる大量投稿や不正アクセスに対して、reCAPTCHAやTurnstileなどの導入がほぼ必須です。
    適切な対策をしないと、サーバーやメールアカウントがスパムの踏み台にされるリスクもあります。

WordPressで利用できる問い合わせフォームのタイプ一覧

ここからは、具体的な「問い合わせフォームの作り方」のパターンを整理します。
WordPressでは、主に次の4タイプがよく使われています。

スクロールできます
タイプ難易度カスタマイズ性管理・拡張性向いている人
プラグインで作成するフォーム低〜中高いプラグイン次第一般的なブログ・企業サイト
Googleフォームなど外部サービス型限定的Google側に一部おまかせとにかく手軽に始めたい人
formrun・Tayoriなどのフォーム作成ツール高い顧客管理まで一括問い合わせを“案件管理”までしたい人
HTML・CSS・PHPで自作するフォーム非常に高いすべて自前開発スキルがあり、完全自作したい人

プラグインで作成するフォーム

WordPressで最も一般的なのが、プラグインを使ってフォームを作る方法です。

  • 代表例:
    Contact Form 7、Snow Monkey Forms、MW WP Form、WPForms など
  • 特徴:
    • WordPressの管理画面だけで完結する
    • 日本語の情報が豊富で、設定方法を調べやすい
    • 自動返信、スパム対策、確認画面、ファイル添付など、多機能なプラグインも多い
  • 向いているケース:
    • 一般的な問い合わせフォームを1〜数個設置したい
    • 将来的に項目の追加やデザイン調整をしたい
    • PHPを書くのは避けたいが、ある程度しっかり作り込みたい

WordPressでサイトを運営しているなら、まず検討すべき王道の選択肢です。

Googleフォームなど外部サービス型フォーム

GoogleフォームをWordPressに埋め込むという手も、非常に手軽で人気があります。

  • 特徴:
    • Googleアカウントがあれば無料で使える
    • 回答は自動でGoogleスプレッドシートに蓄積される
    • サーバーのメール機能に依存しないため、「メール不達」に悩まされる可能性が低い
  • メリット:
    • WordPress側のプラグインが不要
    • フォームのURLをそのまま配布できるので、SNSやメールにも流用しやすい
    • アップデートやセキュリティはGoogle側が担ってくれる
  • デメリット:
    • デザインの自由度は高くない(Googleフォーム感が残りやすい)
    • 完全にサイトのデザインに溶け込ませるのは難しい
    • reCAPTCHAなど高度な制御はしづらい

「まずはゼロからではなく、確実に届くフォームを持ちたい」という場合に最適です。

formrun・Tayoriなどのフォーム作成ツール

formrun、Tayori などは、フォーム+顧客管理・CS(カスタマーサポート)をまとめて扱えるクラウドツールです。

  • 特徴:
    • ノーコードでフォームをドラッグ&ドロップ作成
    • 問い合わせ内容を“チケット”として管理できる
    • チームでの対応状況(未対応/対応中/完了など)を共有しやすい
  • メリット:
    • 対応漏れを防ぐ仕組みが整っている
    • 分析・タグ付け・ステータス管理など、マーケティングまで考えた設計
    • FAQページやチャット機能と連携できるサービスもある
  • デメリット:
    • 本格的に使う場合は有料プランが前提になることが多い
    • シンプルな個人ブログにはオーバースペックになることも
    • サービス側の仕様変更に運用が左右される

「問い合わせが売上に直結する」「社内で複数人が対応する」といった、
ビジネス寄りの運用を考えているサイト向きです。

フォーム作成から問い合わせ対応・顧客管理まで【formrun】

HTML・CSS・PHPで自作するフォーム

最後は、コードを書いて完全自作するパターンです。

  • 特徴:
    • デザインから挙動、バリデーション、保存形式まで自由に設計できる
    • 不要な機能を徹底的に省き、軽量なフォームを実現できる
  • メリット:
    • テーマに完全に溶け込んだデザインが作れる
    • 特殊な入力フローや多段階フォームなど、プラグインでは難しい仕様も実装可能
    • 外部サービスや独自システムとの連携を細かく組み込める
  • デメリット:
    • PHP・HTML・CSS・JavaScript、場合によってはセキュリティ周りの知識も必須
    • CSRF/XSS/SQLインジェクションなどへの対策を自前で行う必要がある
    • メンテナンスが開発者本人に依存しやすく、属人化しがち

自作フォームは、開発経験者向けの上級者コースです。
「まずはプラグインや外部ツールで安定運用し、どうしても足りない部分だけを自作する」という段階的なアプローチのほうが現実的なことが多いでしょう。


自分のスキル・サイトの規模・将来の運用イメージを踏まえて、
どのタイプが一番“背伸びせずに続けられるか”を基準に選ぶと失敗しにくくなります。

問い合わせフォームの作り方4パターンと比較

WordPressで問い合わせフォームを用意する方法は、ざっくり分けると次の4パターンです。

  1. プラグインを使う
  2. Googleフォームを埋め込む
  3. 専用フォーム作成サービスを使う
  4. コーディングで自作する

それぞれの特徴と向いているケースを、初心者目線で整理していきます。

プラグインを使ってフォームを設置する方法の概要

もっとも一般的で、WordPress初心者にまずおすすめなのがこの方法です。

  • WordPress管理画面からプラグインをインストール
  • 「名前」「メールアドレス」「本文」などの項目を追加
  • 固定ページにショートコードを貼り付けて公開

という流れで、特別なコードを書かなくてもフォームを設置できます。

代表的なプラグインには、たとえば以下のようなものがあります。

  • Contact Form 7
  • Snow Monkey Forms
  • MW WP Form など

これらのプラグインは、以下のような機能を備えていることが多いです。

  • 自動返信メール・管理者向け通知メール
  • reCAPTCHAなどのスパム対策
  • 入力チェック(必須項目・メール形式の判定)
  • サンクスページへの遷移 など

「WordPressらしい作り方で、ある程度ちゃんとしたフォームを作りたい」なら、このパターンを軸に考えるとスムーズです。

Googleフォームを埋め込んで使う方法の概要

「とにかく簡単で、送信トラブルが少ない方法がいい」という人に向いているのが、Googleフォームを埋め込むパターンです。

基本の流れはこうです。

  1. Googleフォームで新しいフォームを作成
  2. 質問項目(名前・メールアドレス・本文など)を追加
  3. 「埋め込みコード(iframe)」を取得
  4. WordPressの固定ページにコードを貼り付けて公開

この方法のポイントは次のとおりです。

  • フォームの処理はGoogle側で行われる
  • 回答内容はGoogleスプレッドシートに自動保存
  • サーバーのメール設定やPHPに依存しない

そのため、

  • 「メールが届かない」「送信エラーになる」といったトラブルが起きにくい
  • 解析や一覧管理もスプレッドシート側で行いやすい

というメリットがあります。

一方で、デザインが「Googleフォームっぽく」なりやすく、
WordPressテーマと完全に同じトーンにするのは難しい点がデメリットです。

専用フォーム作成サービスを利用する方法の概要

formrun、Tayori などに代表される、クラウド型のフォーム作成サービスを使う方法です。

特徴は、単なるフォームではなく、問い合わせ対応の仕組み全体をまとめて提供してくれることです。

  • ブラウザ上の管理画面でフォームをドラッグ&ドロップ作成
  • 問い合わせごとに「チケット化」して対応状況を管理
  • 担当者の割り当て・ステータス変更・コメントなどが可能
  • メールだけでなく、FAQやチャット機能と連携できるサービスもある

WordPress側では、

  • フォームへのリンクを設置する
  • 埋め込み用コードを固定ページに貼り付ける

といった使い方になります。

問い合わせ数が多いサイトや、
複数スタッフで対応する企業サイト・ECサイトなどでは、対応漏れを防ぎ、履歴を追いやすい点が大きな利点です。

ただし、本格的に使う場合は月額課金が前提になることも多く、
「個人ブログの問い合わせが月に数件」という規模だとオーバースペックになりがちです。

コーディングでフォーム機能を自作する方法の概要

最後が、HTML・CSS・PHPなどを使ってフォームを一から自作する方法です。

流れとしては、

  1. HTMLでフォームの入力欄を作成
  2. CSSでデザインを調整
  3. PHPで送信処理・バリデーション・メール送信などを実装
  4. 必要に応じてデータベース保存や管理画面も自作

といった形になります。

この方法の強みは、

  • デザインも挙動も完全に自由に設計できる
  • プラグインに依存せず、必要な機能だけを最小限で組み込める
  • 外部サービスや社内システムとの連携も思いどおりに組める

という点です。

一方で、

  • PHPやセキュリティ(CSRF対策・XSS対策など)の知識が必須
  • フォームの不具合・脆弱性の責任がすべて自分に返ってくる
  • 保守・改修・引き継ぎの難易度が高い

といったハードルも存在します。

開発経験がある人向けの上級者向けルートと考えたほうが安全です。
初心者がいきなりここから入るのは、あまり現実的ではありません。

4つの方法の違いと向いているケース

ここまでの4パターンを、比較の軸ごとに整理してみます。

必要なスキルと導入のしやすさ

スクロールできます
方法必要スキル導入のしやすさ向いている人のイメージ
プラグインWordPressの基本操作高い一般的なサイト運営者
Googleフォーム埋め込みGoogleフォームの基本操作とても高いとにかく手軽さを優先したい人
フォーム作成サービス管理画面の操作中〜高問い合わせが多い・チームで対応したい人
コーディング自作HTML/CSS/PHP、セキュリティ低い(難易度は高)エンジニア・開発に慣れた人

カスタマイズ性・拡張性の違い

  • プラグイン
    • テンプレートやショートコードを使えばかなり自由にカスタマイズ可能
    • フックや追加CSSで、細かい調整も行いやすい
      → 「柔軟にカスタマイズしたいけど、フル自作まではしたくない」というニーズに適合
  • Googleフォーム
    • 質問項目の追加・必須設定は簡単
    • デザイン面の自由度は低く、「Googleフォームの雰囲気」が残りやすい
      → 見た目よりも「確実に動くこと」「管理のしやすさ」を優先したい場合に向く
  • フォーム作成サービス
    • テンプレートやコンポーネントが豊富で、ノーコードでもかなりリッチなフォームを作れる
    • ワークフローやタグ付け、外部ツール連携など“運用全体”の拡張性が強み
      → 問い合わせ対応を「業務プロセス」として設計したいときに有効
  • コーディング自作
    • やろうと思えば何でもできるが、そのぶん設計と実装の負担も大きい
    • フロントエンド・バックエンド両方のスキルが必要
      → かなり特殊な要件や、既存システムとの高度な連携が必要なケース向け

セキュリティ対策とスパム対策のしやすさ

  • プラグイン
    • reCAPTCHA連携やスパムフィルタ機能が用意されていることが多く、設定だけで導入しやすい
    • 反面、プラグインのアップデートを怠ると脆弱性が残るリスクもある
  • Googleフォーム
    • 基本的なセキュリティはGoogle側で担保される
    • WordPress側でのスパム対策よりも、フォーム公開範囲や回答制限の設計がポイントになる
  • フォーム作成サービス
    • 多くの場合、サービス側でWAFやスパム対策が実装されている
    • 追加費用なしである程度の防御が使えるものも多い
  • コーディング自作
    • セキュリティ設計をすべて自力で考える必要がある
    • CSRFトークン、入力値のエスケープ、送信制限などを正しく実装できるかが鍵

初心者目線では、「セキュリティをプロに任せられる形」(プラグイン・Googleフォーム・サービス)を選ぶほうが無難です。

送信内容の保存・分析・顧客管理のしやすさ

  • プラグイン
    • プラグインによっては送信履歴をデータベースに保存できる
    • 別プラグインや外部ツールとの連携で、スプレッドシートやCRMに連携することも可能
  • Googleフォーム
    • 回答が自動でスプレッドシートに蓄積される
    • フィルタ・グラフ・ピボットテーブルなど、Googleスプレッドシート側で分析しやすい
  • フォーム作成サービス
    • 問い合わせ内容が「チケット」として管理される
    • 担当者・ステータス・ラベルなどで整理でき、顧客対応ツールに近い感覚で扱える
  • コーディング自作
    • 自前でDB保存や管理画面を作れば自由度は最高
    • ただし、そのぶん設計・実装コストと保守コストが重くのしかかる

まとめると:

  • 個人ブログ〜一般的な企業サイト
    → まずは「プラグイン」一択で考え、必要に応じてGoogleフォームや外部サービスを併用
  • 問い合わせが事業の中核で、複数人で対応するチーム
    → フォーム作成サービスを軸に、WordPressは「入り口」として使う
  • 開発経験があり、特殊な要件がある場合
    → 自作フォームを検討。ただし、保守・安全性も含めて設計する前提で

というイメージで、自分の状況に合う方法を選んでいくと失敗しにくくなります。

代表的なプラグイン・外部サービスと選び方

問い合わせフォームは「何で作るか」で、できることも運用のしやすさもかなり変わります。
ここでは、実際によく使われているプラグイン・外部サービスの特徴を、初心者向けに整理して解説します。

プラグインで作るフォームの代表例

Contact Form 7 の特徴と強み

  • 無料で使える老舗プラグイン
  • ショートコードを貼るだけでフォームを設置できる
  • テキストベースのテンプレートを編集するスタイルで、細かいカスタマイズに強い
  • reCAPTCHA や他プラグインとの連携情報も多く、「困ったときに調べやすい」のが大きなメリット

一方で、ブロックエディタ前提の“見た目編集”ではないので、「画面を見ながら組み立てたい人」には少しハードル高めです。

Snow Monkey Forms の特徴と強み

  • ブロックエディタ対応の国産フォームプラグイン
  • 「Snow Monkey Form」ブロックを挿入し、項目ブロックを追加していく感覚で作成できる
  • テキスト、メール、チェックボックス、日付など、基本的な入力フィールドがひと通り揃っている
  • シンプル設計で、確認画面やバリデーションなど、必要な機能を最低限で押さえている

「ブロックエディタで直感的に作りたい」「できれば日本語ドキュメントが欲しい」という人と相性が良いです。

MW WP Form の特徴と強み

  • ショートコードベースでフォームを構築するタイプのプラグイン
  • 確認画面・完了画面、自動返信メール、バリデーションなど、実務向きの機能が充実
  • ただし、2023年9月に開発終了が告知され、新機能追加は行われない方針になっています。保守は別会社に引き継がれ、最低限の脆弱性対応のみが継続

すでにMW WP Formを使っているサイトでは即座に停止する必要はありませんが、
新規サイトでの採用よりは、他プラグインを優先して検討するのが現実的です。

Contact Form by WPForms の特徴と強み

  • 「WPForms」として有名なフォームビルダープラグイン
  • ドラッグ&ドロップで項目を追加でき、初心者でも画面を見ながらフォームを組み立てやすい
  • お問い合わせだけでなく、アンケート・申込フォーム・決済フォームなど、さまざまな用途に対応
  • 有料版では、条件分岐・ステップフォーム・マーケティングツール連携など、拡張機能が豊富

「英語UIでも構わないから、とにかくわかりやすいフォームビルダーが欲しい」という人に向いています。

Jetpack Contact Form(Jetpack)の特徴と強み

  • 総合プラグイン「Jetpack」に含まれるフォーム機能
  • Gutenbergブロックとして追加でき、WordPress.com 側のサービスとも連携しやすい
  • セキュリティ・サイト統計など、Jetpack全体の機能も一緒に活用したい場合に便利

「すでにJetpackを入れている」「とりあえず簡単なフォームだけあれば良い」というケースで検討候補に入ります。

Visual Form Builder の特徴と強み

  • 管理画面上でフォームフィールドを追加・並べ替えできるフォームビルダー型プラグイン
  • 確認メールやサンクスページの設定、送信データのエクスポートなど、シンプルな業務利用に必要な機能が揃っている
  • 無料版・有料版があり、複雑なフォームが必要なら上位プランで拡張する形

「ドラッグ&ドロップで作りたいけれど、WPFormsほど多機能でなくていい」という人の選択肢になります。

外部サービス型フォームの代表例

Googleフォームの特徴と強み

  • 無料で使えるGoogle公式のフォームツール
  • 回答が自動的にスプレッドシートに保存され、分析や共有がしやすい
  • WordPress側にプラグインを入れなくても、埋め込みコード(iframe)で簡単にページに表示可能
  • サーバーのメール機能に依存しないため、「メールが届かない」トラブルを避けやすい

デザインの自由度は低いものの、「とにかく確実に動くフォームがほしい」というときの心強い選択肢です。

formrunの特徴と強み

  • フォーム作成から、入力された顧客情報の管理までを一括で行えるクラウドサービス
  • ドラッグ&ドロップでフォームを作成でき、問い合わせ・資料請求・イベント申込など、用途別テンプレートも豊富
  • 送信された内容は「カード(チケット)」として管理でき、ステータスや担当者を割り当てて対応状況を可視化可能
  • 無料プランから始められ、必要に応じて有料プランで機能を拡張できる

「問い合わせ=営業リード」なビジネスサイトや、チームで対応するケースで特に力を発揮します。

フォーム作成から問い合わせ対応・顧客管理まで【formrun】

Tayoriの特徴と強み

  • フォーム・FAQ・アンケート・チャットなど、顧客対応に必要な機能をまとめて提供するサービス
  • テンプレートからフォームを作成でき、入力項目やデザインも自由にカスタマイズ可能
  • スマホ対応フォームを短時間で作成でき、HTMLコードをコピーしてWordPressやLPに埋め込める

FAQやチャットボットと組み合わせて、「問い合わせ前に自己解決してもらう導線」まで設計したいときに便利です。

プラグイン・外部ツールを選ぶときのチェックポイント

最後に、具体的にどれを選ぶか迷ったときの“ものさし”をまとめます。

必要な機能(自動返信・スパム対策・確認画面・サンクスページなど)が揃っているか

  • 自動返信メール(ユーザー向け)
  • 管理者向け通知メール
  • 入力内容の確認画面
  • 完了後のサンクスページ
  • reCAPTCHAなどのスパム対策

このあたりは、ビジネス利用ならほぼ必須です。
最初に「最低限ほしい機能」を書き出してから、候補ツールの機能一覧と照らし合わせましょう。

管理画面の使いやすさ・操作性

  • 画面を見た瞬間に、どこを触ればいいか直感的に分かるか
  • 日本語対応か、ヘルプ情報(記事・動画)が十分にあるか
  • 項目の追加・並び替え・削除がストレスなく行えるか

フォームの修正は一度で終わりません。
運用中に何度も触る前提で、「自分にとって扱いやすいか」を重視するのがおすすめです。

デザインやレイアウトのカスタマイズ性

  • テーマのデザインにどれくらい馴染ませたいか
  • CSSで細かく調整するつもりがあるか
  • それとも「多少の違和感はあってもOK。機能優先」で割り切れるか

プラグイン型はテーマとの親和性が高く、
Googleフォームは“らしさ”が残りやすい、
外部サービス型は埋め込み方次第、というイメージを持っておくと選びやすくなります。

送信内容の保存・共有・分析機能の有無

  • 管理画面で送信履歴を一覧できるか
  • CSVやスプレッドシートにエクスポートできるか
  • チームで対応状況を共有しやすい仕組みがあるか(ステータス管理など)

個人ブログであればメール受信だけでも足りますが、
問い合わせが増えてくると「あとで検索・分析しやすいか」が効いてきます。

無料・有料プランの違いとランニングコスト

  • 無料プランでどこまでできるか
  • 有料化のタイミング(送信件数・機能制限)はどこにあるか
  • 長期的に見たとき、月額費用に見合う価値があるか

「最初は無料で様子を見て、問い合わせが増えたら有料プランや別ツールへ乗り換える」というステップアップも現実的です。


まとめると:

  • ブログ〜一般的な企業サイトなら
    → Contact Form 7 / Snow Monkey Forms / WPForms などプラグインが中心
  • 送信トラブルを避けつつ、簡単に導入したいなら
    → Googleフォーム
  • 問い合わせ対応を“業務プロセス”として管理したいなら
    → formrun や Tayori など外部サービス

という整理で考えると、自分のサイトに合った選択肢が見えやすくなります。

Contact Form 7を使ったフォーム作成の流れ

Contact Form 7 は、WordPressでお問い合わせフォームを作るときの“定番プラグイン”です。ここでは、インストール〜テスト送信までのひと通りの流れを、初心者向けに順番に解説します。

Contact Form 7とは? 概要と導入するメリット

Contact Form 7 は、無料で使えるフォーム作成プラグインです。

  • シンプルな問い合わせフォームから、複数項目の詳細なフォームまで対応
  • 自動返信メール・確認メッセージ・スパム対策など、実運用に必要な機能を網羅
  • 日本語の情報(公式サイト・ブログ・Q&A)が多く、トラブル時に調べやすい

HTMLのタグっぽい書き方に慣れれば、かなり自由度の高いフォームを作れるのが特徴です。
「最初の1本」として選んでも、長く使い続けられます。

ステップ1:プラグインをインストールして有効化する

  1. WordPress管理画面にログイン
  2. 左メニューの「プラグイン」→「新規追加」をクリック
  3. 右上の検索窓に Contact Form 7 と入力
  4. 「今すぐインストール」→「有効化」をクリック

インストール前に、以下も軽く確認しておくと安心です。

  • 現在のWordPressバージョンと互換性が取れているか
  • 評価やレビューが極端に低くなっていないか
  • 直近の更新日があまりに古くないか

こうしたチェックを習慣にしておくと、「古いプラグインでサイトが不安定になる」リスクを減らせます。

ステップ2:新しい問い合わせフォームを作成する

Contact Form 7 を有効化すると、管理画面に「お問い合わせ」というメニューが追加されます。
ここからフォームを作っていきます。

管理画面からフォーム編集画面を開く

  1. 左メニューの「お問い合わせ」をクリック
  2. 初期状態で「コンタクトフォーム1」が用意されているので、それを編集してもOK
  3. 別フォームを作りたい場合は「新規追加」をクリック

編集画面には、

  • フォームのタイトル
  • フォームのコード(ショートコード)
  • 「フォーム」「メール」「メッセージ」「その他」などのタブ

が並んでいます。
まずは「フォーム」タブで、入力項目の中身を整えていきます。

テキスト・メール・ラジオボタン・チェックボックス・ドロップダウンなどの項目を追加する

フォームタブの上部に、以下のようなボタンが並んでいるはずです。

  • テキスト
  • メールアドレス
  • URL
  • 電話番号
  • ラジオボタン
  • チェックボックス
  • ドロップダウンメニュー など

やり方はシンプルで、

  1. 追加したい項目のボタンをクリック
  2. 「必須項目にするか」「フィールド名」「初期値」などを設定
  3. 生成されたコードをフォームエリアに挿入

という流れです。

例(名前入力欄):

[text* your-name]
  • text* の「*」は必須項目を意味します
  • your-name はフォーム内で識別するための名前です(任意)

日本語ラベル(例:お名前)と、コード部分(例:[text* your-name])をセットで扱うイメージで考えると分かりやすいです。

規約同意チェックやクイズ項目・ファイル添付などを設定する

  • 「プライバシーポリシーに同意する」チェック
  • スパム対策用の簡単なクイズ(例:1+1=?)
  • 画像やPDFなどのファイル添付

といった項目も、専用ボタンから追加できます。

例:

  • 同意チェック:[acceptance* accept-terms]
  • クイズ:[quiz quiz-1 "1+1=?|2"]
  • ファイル添付:[file your-file limit:5mb filetypes:pdf,jpg,png]

個人情報を扱う場合は、必ず「規約・プライバシーポリシーへの同意」を求める項目を入れておくと安心です。

ステップ3:メール関連の設定を行う

フォームが表示されても、メール設定が正しくできていないと通知が届きません。
「メール」「メール(2)」タブで、送受信に関わる設定を行います。

管理者宛メールの送信先・件名・本文を設定する(メール)

「メール」タブでは、サイト運営者に届くメールを設定します。

主な項目は以下の通りです。

  • 送信先(To):問い合わせを受け取りたい自分のメールアドレス
  • 送信元(From):サイトのドメインに紐づくアドレス推奨(例:info@あなたのドメイン)
  • 件名(Subject):[your-subject] のようにフォームの入力を差し込める
  • メッセージ本文:
    • 名前:[your-name]
    • メール:[your-email]
    • 本文:[your-message]
      など、フォームタグを本文に並べていく

注意したいポイントは、From にGmailなどのフリーメールを使うと、届きづらくなるケースがあることです。
可能であれば、レンタルサーバーやメールサービスで発行した「独自ドメインのメールアドレス」を使うのがおすすめです。

ユーザー向け自動返信メールを設定する(メール(2))

「メール(2)」は、フォームを送信したユーザー本人に自動返信するメールです。

  • 送信先(To):[your-email] のように、ユーザーのメールアドレス項目を指定
  • 件名:お問い合わせありがとうございます など
  • 本文:
    • 挨拶(この度はお問い合わせありがとうございます)
    • 受付内容の控え(入力内容をそのまま記載)
    • 返信の目安時間(例:◯営業日以内にご返信いたします)
    • 注意書き(本メールに心当たりがない場合の文言など)

自動返信は必須ではありませんが、ユーザー側の「ちゃんと送れたかな?」という不安を減らす効果が大きいため、基本的には設定しておくとよいです。

ステップ4:メッセージとその他の設定を整える

フォームの見た目とメール設定ができたら、細かい挙動やメッセージも整えます。

エラー時・送信完了時などのメッセージ文を編集する

「メッセージ」タブでは、以下のような文言を編集できます。

  • 送信成功時のメッセージ
  • 必須項目が未入力のときのエラーメッセージ
  • メール送信に失敗したときのメッセージ
  • 入力内容に問題があるときの警告文 など

初期状態でも使えますが、サイトの雰囲気や敬語レベルに合わせて調整しておくと印象が良くなります。

例:

  • 「エラーが発生しました。」→「一時的な不具合が発生しました。お手数ですが、時間をおいて再度お試しください。」
  • 「メッセージの送信に失敗しました。」→「申し訳ございません。送信に失敗しました。別の手段(○○宛メールなど)でご連絡いただけると助かります。」

バリデーションや各種細かい挙動を調整する

「その他」タブやフォームタグのオプションで、次のような調整も可能です。

  • HTML5のバリデーション(ブラウザ側の入力チェック)を有効/無効にする
  • エラー表示位置やスタイルをCSSで調整する
  • 送信ボタン連打による多重送信を防ぐ(ボタンクリック後に無効化するなど)

ここまで手を入れると、「とりあえず動くフォーム」から「使いやすくてトラブルの少ないフォーム」へ一段レベルアップします。

ステップ5:固定ページにフォームを挿入する

フォームの設定が整ったら、いよいよサイトに表示させます。

ショートコードを使って問い合わせページを作成する

  1. フォーム編集画面の上部にあるショートコード(例:[contact-form-7 id="123" title="お問い合わせ"])をコピー
  2. 「固定ページ」→「新規追加」でページを作成(タイトルは「お問い合わせ」など)
  3. 本文エリアにショートコードを貼り付けて公開

これで、公開した固定ページにフォームが表示されます。
URL(スラッグ)は /contact/inquiry のように、分かりやすく短いものにしておくと、後でリンクを貼るときも便利です。

トップページ・ヘッダー・フッター・サイドバーからの導線を作る

問い合わせページを作っただけでは、ユーザーがたどり着けません。以下のように導線を複数用意しておきましょう。

  • グローバルメニュー(ヘッダー)に「お問い合わせ」を追加
  • フッターメニューにも「お問い合わせ」リンクを設置
  • サイドバーのメニューやボタンからもリンクを貼る
  • プロフィールページや会社概要ページからも誘導する

「どのページを見ていても、1〜2クリックで問い合わせページに行ける」状態が理想です。

ステップ6:テスト送信を行い動作を確認する

最後に、必ずテスト送信をしておきます。ここを省くと、問い合わせが来ているのに気づかない…という致命的な事態になりかねません。

メールが正しく届くか・エラーが出ないか確認する

  • 実際にフォームに入力して送信する
  • 管理者宛メールが届いているか確認(件名・本文・差出人の表示もチェック)
  • 自動返信メール(メール(2))を設定している場合は、ユーザー側にも届いているか確認
  • 必須項目をあえて空欄にして送信し、エラーメッセージが意図どおり表示されるか確認

可能であれば、別のメールアドレス(Gmail / Yahooメールなど)でもテストしておくと、「特定ドメインに届かない」などの偏りにも気づきやすくなります。

迷惑メールフォルダへの振り分けもチェックする

テストメールが「届かない」と感じたときは、まず受信側の迷惑メールフォルダを確認してみてください。

  • 迷惑メールに入っていた場合 → 差出人アドレスを「迷惑メールではない」と設定
  • それでも改善しない場合 →
    • From アドレスを独自ドメインに変更する
    • レンタルサーバーのメール設定(SPF/DKIMなど)を見直す
    • 必要に応じて外部のメール配信サービスを検討する

ここまで確認しておけば、「問い合わせが来ていたのに、まったく気づかなかった」という失敗をかなり防げます。


Contact Form 7 は一見とっつきにくく見えますが、
流れに沿って設定していけば、「実戦で使える問い合わせフォーム」を自分で用意できるようになります。

まずはシンプルなフォームから始めて、
慣れてきたら項目の追加やスパム対策など、少しずつ育てていくイメージで運用していきましょう。

スパム・迷惑メールを防ぐための対策

問い合わせフォームを公開すると、ほぼ確実に「人間ではない相手」からもアクセスされます。
ここでは、WordPressでお問い合わせフォームを運用するときに最低限押さえたいスパム対策を、できるだけシンプルにまとめます。

なぜ問い合わせフォームにスパム対策が欠かせないのか

問い合わせフォームにスパム対策を入れないと、次のような問題が起こります。

  • 英語・中国語など意味不明なメッセージが大量に届く
  • 広告リンクだけが貼られた、自動投稿と思われる問い合わせが増える
  • URL付きのメッセージから、フィッシング・マルウェアに誘導されるリスクが高まる
  • 本当に対応すべき問い合わせが、ゴミ情報に埋もれて見落とされやすくなる

結果として、

  • メールボックスの管理コストが上がる
  • モチベーションが下がって問い合わせフォームを閉じたくなる
  • せっかくのビジネスチャンスを取りこぼす

といった“じわじわ効いてくる悪影響”が出てきます。

問い合わせフォームを公開する =
「人間からの連絡窓口」と同時に「ボットから狙われる入口」も開けるという前提で、
最初からスパム対策もセットで入れておくのがおすすめです。

Google reCAPTCHAを連携してロボット投稿を防ぐ

問い合わせフォームのスパム対策で、今もよく使われているのが Google reCAPTCHA です。
「私はロボットではありません」というチェックや、Invisible reCAPTCHA などを見たことがある人も多いはずです。

仕組みとしては、

  • ユーザーの挙動(マウスの動き・ブラウザ情報など)をもとに
  • 「人間らしいアクセスかどうか」を判定し
  • 明らかにボットと判断された場合、送信をブロックする

という流れです。

WordPressの場合は、Contact Form 7 などのプラグイン側に reCAPTCHA の「キー」を登録することで利用できます。

reCAPTCHAサイトキー・シークレットキーの取得手順

大まかな手順は次の通りです。

  1. Googleアカウントで reCAPTCHA 管理画面 にアクセス
  2. 「+」ボタン(新しいサイトを登録)をクリック
  3. ラベル(サイト名など)を入力
  4. 使用する reCAPTCHA のタイプを選択(v2 / v3 など)
  5. 対象ドメイン(例:example.com)を登録
  6. 利用規約に同意して送信
  7. 表示された
    • サイトキー(Site key)
    • シークレットキー(Secret key)
      をコピーして控えておく

ここまで終わると、WordPress側から reCAPTCHA を呼び出す準備が整います。

Contact Form 7などのプラグインとの連携方法

Contact Form 7 を例にすると、連携の流れはこうです。

  1. WordPress管理画面の「お問い合わせ」→「インテグレーション(統合)」を開く
  2. 「reCAPTCHA」の項目から「セットアップ」ボタンをクリック
  3. 先ほど取得したサイトキー・シークレットキーをそれぞれ貼り付けて保存
  4. 設定後は、フォーム側に特別なタグを入れなくても、自動的にreCAPTCHAが動作(v3 の場合)

v2 の「私はロボットではありません」チェックボックスを使う場合や、テーマの都合などで挙動が変わるケースもあるため、
実際には 利用しているバージョンとテーマに合わせて、公式ドキュメントを確認しながら調整するのが安全です。

Cloudflare Turnstileを使ったスパム対策

最近は、Google reCAPTCHA の代替として Cloudflare Turnstile を採用するサイトも増えています。

Turnstile の特徴は、

  • ユーザーに「画像選択テスト」などをさせず、
  • バックグラウンドでブラウザ情報などを判定し、
  • できるだけストレスなくボット判定を行う

という点です。ユーザー体験を損ねにくいのが強みです。

Cloudflareアカウントを作成する

  1. Cloudflare 公式サイトで無料アカウントを作成
  2. ダッシュボードにログイン
  3. サイドメニューから「Turnstile」を選択

CloudflareをDNSなどで既に使っている場合は、そのまま同じアカウントで管理できます。

Turnstileのウィジェットを作成・設定する

  1. Turnstile画面で「Add site」などのボタンから新しいウィジェットを作成
  2. サイト名(任意)とドメイン(例:example.com)を入力
  3. ウィジェットタイプ(非表示型/表示型など)を選択
  4. 作成後、
    • Site key
    • Secret key
      が発行されるので控えておく

この情報を、WordPress側のプラグイン設定画面で使います。

WordPressでの導入方法(専用プラグイン/Contact Form 7連携)

導入パターンは大きく2つあります。

  1. 専用プラグインを使う方法
    • 「Cloudflare Turnstile」対応のプラグインをインストール
    • 管理画面で Site key・Secret key を登録
    • 対象フォーム(ログイン・コメント・Contact Form 7など)に Turnstile を適用する設定を行う
  2. Contact Form 7側の拡張プラグインで連携する方法
    • 「Contact Form 7 + Turnstile」などの連携プラグインを導入
    • Turnstile のキーを設定
    • Contact Form 7 のフォームに、Turnstile 用のタグ(ショートコード)を追加

どちらの方法でも、

  • 事前にテスト送信を行って送信できること
  • Turnstile が有効なとき・無効なときの挙動を確認すること

を必ず行ってください。キャッシュプラグインとの相性や、CDN設定で表示されないといったケースもあるため、実運用前にチェックは必須です。

プラグインや設定で行うその他のスパム対策

reCAPTCHA / Turnstile だけでは防ぎきれないスパムもあるため、複数の対策を組み合わせると安心です。

Akismetなどスパムフィルターを活用する

WordPress標準で同梱されている Akismet は、もともとコメントスパム対策用のサービスですが、
プラグインによっては問い合わせフォームの内容にもフィルタをかけられます。

  • 世界中のスパムパターンをデータベース化して判定
  • 怪しい投稿を自動でスパムフォルダやゴミ箱に振り分け

といった形で、「人間が目視する前にふるいにかける」役割を担ってくれます。

必須項目を増やす・フォームURLを工夫する

スパムボットの多くは、「とりあえずフォームらしきものに投稿する」だけの単純な動きをします。
そこで、フォームの作り方を少し工夫するだけでも、一定の効果があります。

  • 人間でないと埋めにくい 必須項目 を少し増やす
    • 例:問い合わせ種別の選択肢、簡単な自由記述など
  • 「/contact/」のような、あまりにも典型的なURLを避ける(完全ではないが多少の効き目)
  • 送信ボタンの名前やフォームフィールド名を、あえてデフォルトから変える

これらは「本気の攻撃」には無力ですが、
単純なスクリプトのスパム投稿を減らす“足切り”としては有効です。

アクセス制限やIPブロックを設定する

特定の国やIPアドレスから、明らかに不自然な量のスパムが来る場合は、そもそもアクセスさせないというアプローチもあります。

  • セキュリティプラグイン(Wordfence、All In One WP Security など)の
    • 国別アクセス制限
    • 特定IPのブロック
    • 一定時間内の投稿回数制限
  • サーバー側のWAF(Web Application Firewall)設定
  • Cloudflare等のCDNでレート制限・Bot対策を有効化

を組み合わせると、フォームに到達する前の段階でスパムを減らせるようになります。


問い合わせフォームのスパム対策は、「これを入れれば100%防げる」というものではなく、

  • フォーム側(reCAPTCHA / Turnstile)
  • コンテンツ側(必須項目やURLの工夫)
  • サーバー・ネットワーク側(Akismet・WAF・IP制限)

といったレイヤーを重ねていくイメージです。

最初から完璧を目指す必要はありませんが、
少なくとも1〜2種類の対策は導入し、スパムの状況を見ながら段階的に強化していくのが現実的な運用方法です。

Googleフォームを使って問い合わせ窓口を作る方法

「プラグインでうまくメールが届かない」「サーバーのメール設定が難しすぎる…」という場合、
Googleフォームを“問い合わせ窓口”として使う方法はかなり現実的な選択肢です。

ここでは、

  1. Googleフォームならではのメリット
  2. フォームの作り方
  3. WordPressへの埋め込み方

を順番に解説します。

送信トラブルを減らせるGoogleフォームのメリット

メール不達やサーバー側の不具合に左右されにくい

WordPressのプラグイン経由でメールを送る場合、主にここがネックになります。

  • サーバーのメール送信制限
  • SPF/DKIMなどの認証設定
  • 迷惑メール判定

設定を間違えると、「問い合わせが届いていなかった」問題が起こりがちです。

一方、Googleフォームを使うと、フォームへの送信自体は

  • Google側のサーバーで受け付け
  • スプレッドシートに記録
  • 必要ならそこからメール通知

という流れになるため、WordPress側のメール機能に依存しません。
「メールが届かない=問い合わせ自体が消えた」ではなく、Googleフォーム上に履歴が残るのも安心材料です。

コメントスパムなどのトラブル対応が軽くなる

問い合わせフォームを WordPress 内で運用すると、

  • コメントスパムやボット投稿
  • 特定IPからの大量送信

など、サイト側で処理しなければならない“ノイズ”も増えます。

Googleフォームであれば、

  • 回答の上限
  • 回答の受付停止
  • 回答者のログ(タイムスタンプ・メールアドレスなど)

をGoogle側で一括管理できます。
ひどいスパムが続くようなら、フォームを一時停止するだけで被害を止められるのも楽なポイントです。

フォームの管理・集計をGoogle側に任せられる

Googleフォームの強みは、送信された内容がそのまま スプレッドシートに蓄積されることです。

  • 過去の問い合わせを一覧・検索
  • よくある質問の傾向を集計
  • CSVエクスポートして別ツールで分析

といったことが、追加開発なしで行えます。

簡単な例を挙げると:

スクロールできます
できること活用イメージ
「件名」でフィルタクレーム系だけ抽出して改善会議に回す
「日時」でソートキャンペーン期間中の問い合わせだけ見る
「種別」を集計どのメニュー・商品への質問が多いか把握

問い合わせフォーム+簡易CRM(顧客リスト)のような使い方ができるのは、Googleフォームならではです。

Googleフォームで問い合わせフォームを作成する手順

ここからは、実際に問い合わせフォームを作る流れをシンプルに整理します。

新規フォームを作成する

  1. Googleアカウントでログイン
  2. Googleフォームのトップ(Googleドライブから「新規」→「フォーム」でもOK)を開く
  3. 「空白」または「テンプレート」から新しいフォームを作成

問い合わせ用途であれば、「お問い合わせ」系のテンプレートがあればそれを流用すると早いです。
なければ空白からでも問題ありません。

氏名・メールアドレス・件名・本文などの項目を追加する

問い合わせフォームに最低限必要な項目は、次のようなものです。

  • お名前(氏名)
  • メールアドレス
  • 件名(お問い合わせの要件)
  • お問い合わせ内容(本文)

Googleフォームでは、各質問ごとに

  • 質問タイトル(例:お名前)
  • 回答形式(短文/段落/ラジオボタン/チェックボックスなど)
  • 必須にする/しない

を設定できます。

おすすめの設定例:

  • お名前 → 「記述式(短文)」+必須
  • メールアドレス → 「記述式(短文)」+必須+説明文に「半角英数字でご入力ください」
  • 件名 → 「記述式(短文)」か「プルダウン」(種別を選択させる場合)
  • お問い合わせ内容 → 「記述式(段落)」+必須

最初のうちは、項目は“必要最小限”に絞るのがおすすめです。
増やしすぎると、ユーザーが途中で書くのをやめてしまう原因になります。

フォームタイトルや説明文を編集する

デフォルトの「無題のフォーム」のままだと、ユーザーにとって不親切です。

  • フォームタイトル:
    • 例)「お問い合わせフォーム」「ご質問・ご相談はこちら」
  • フォームの説明:
    • 返信の目安時間(例:2営業日以内にご返信いたします)
    • 個人情報の取り扱いの簡単な説明
    • 返信が届かない場合の連絡方法(必要なら)

こうした説明を書いておくことで、問い合わせ後の不安を減らし、トラブルも防ぎやすくなります。

GoogleフォームをWordPressに埋め込む方法

フォームが作れたら、次はWordPressサイトに表示します。

埋め込み用コード(iframe)のURLを取得する

  1. Googleフォーム画面右上の「送信」ボタンをクリック
  2. メールアイコンではなく、「<>」(埋め込み)のタブを選択
  3. 表示される <iframe ...> のコードをコピー
  • 必要に応じて幅・高さの数値を調整してもOK

この iframe コードが、WordPress側で貼り付けるべき“実体”です。

固定ページなどにコードを貼り付けて表示する

  1. WordPress管理画面で「固定ページ」→「新規追加」
  2. タイトル(例:お問い合わせ)を入力
  3. 本文エリアに埋め込みコードを貼り付け
    • ブロックエディタの場合:「カスタムHTML」ブロックを追加して、その中に <iframe> をペースト
  4. プレビューで表示を確認し、問題なければ「公開」

あとは、

  • メニュー(ヘッダー)
  • フッター
  • サイドバー

などから、この固定ページへのリンクを貼れば、WordPressサイト上の“問い合わせ窓口”として機能します。

既存のフォーム(Contact Form 7など)をGoogleフォームに置き換える

「プラグインで作ったフォームから、Googleフォームに乗り換えたい」という場合は、
“見た目はほぼそのまま、裏側だけ差し替える”イメージで進めるとスムーズです。

例:Contact Form 7 の場合

  1. 既存の問い合わせページを開く
  2. [contact-form-7 id="xxx" ...] のショートコード部分を削除
  3. 代わりに、先ほど取得した <iframe> のコードを挿入
  4. ページを更新して、表示と送信テストを行う
  5. 問題なければ、Contact Form 7 側のフォームは「念のため残す」か「削除する」かを判断

いきなりプラグインを無効化するのではなく、

  • 数日〜数週間ほど様子を見ながら
  • Googleフォーム側で問題なく運用できることを確認してから

最終的な整理を行うと安全です。


まとめると:

  • 「メールが届かない・サーバー設定が難しい」という悩みがあるなら、Googleフォームは強力な選択肢
  • スプレッドシートとの連携で、問い合わせ内容の保管・分析もしやすい
  • 埋め込みコード(iframe)を使えば、WordPress側の負担は最小限に抑えられる

という特徴があります。

プラグイン方式とうまく使い分けながら、
あなたのサイト運営にとって一番ストレスの少ない問い合わせ窓口を選んでみてください。

formrunなどフォーム作成ツールを使った自作フォーム

プラグインやGoogleフォームより一歩進んだ運用をしたいなら、formrun のようなフォーム作成ツール(SaaS)も選択肢に入ります。
「フォームを作る」というより、問い合わせ〜対応〜顧客管理までをまとめて設計できるサービスだと思っておくとイメージしやすいです。

フォーム作成から問い合わせ対応・顧客管理まで【formrun】

クリック操作だけでフォームを組み立てられるノーコード機能

formrun などのツールでは、基本的に次のような操作感でフォームを作ります。

  • フォームのテンプレートを選ぶ(お問い合わせ/資料請求/イベント申込など)
  • 画面上のパーツ(名前・メールアドレス・チェックボックス・ラジオボタンなど)をドラッグ&ドロップで追加
  • 項目名・必須/任意・プレースホルダーなどを設定

WordPressの管理画面でコードを書く必要はなく、ほぼすべてが「マウス操作+簡単な入力」で完結します。

初心者にとってのメリットは:

  • 入力項目の並びや追加・削除を「見たまま」調整できる
  • プレビューを見ながら文言・デザインを微調整できる
  • フォーム作成のために新しいプラグインを覚えなくてもよい

という点です。

HTMLコードを使った高度なカスタマイズも可能

「ノーコードで十分」という場合はそのままでOKですが、
もう少し作り込みたい場合、formrunなどのツールでもHTML/CSSのカスタマイズに対応しているプランがあります。

例えば、

  • 既存のブランドサイトに合わせた色・フォント・ボタンデザインにしたい
  • ランディングページの一部として、ファーストビューに溶け込むフォームを作りたい
  • コンバージョン計測タグ(広告計測・アクセス解析)を細かく仕込みたい

といったときに、

  • 独自のクラス名を付けてCSSを当てる
  • 埋め込みコード(HTML)を編集してレイアウトを調整する

など、プラグインより一段細かいレベルでの調整がしやすくなります。

「最初はノーコードで形だけ作る → 反応が取れてきたら、デザイナー/エンジニアと相談して見た目を詰める」といった段階的な使い方も現実的です。

セキュリティ対策・レスポンシブ対応・顧客管理まで一括で行える

formrun のようなフォーム作成ツールを選ぶ一番の理由は、“フォーム以外の部分”を任せられることです。

代表的なポイントを挙げると:

  • セキュリティ
    • 通信の暗号化(HTTPS)
    • フォームへのスパム・ボット投稿対策
    • 一定水準のアクセス制御やログ管理
      → 個別にプラグインやサーバー設定で対策する手間を減らせる
  • レスポンシブ対応
    • スマホ・タブレットでも崩れにくいフォームレイアウトがデフォルトで用意されている
    • 項目の横並び/縦並びの切り替えなども、画面上の設定だけで調整しやすい
  • 顧客管理・対応ステータスの管理
    • 送信された内容が「カード」や「チケット」として一覧化される
    • 「未対応/対応中/完了」などのステータスを切り替えられる
    • 担当者を割り当てたり、メモを残したりできる

WordPressの問い合わせフォームだけだと、

  • 「メールがどれだけ来ているか」が担当者ごとの受信箱に分散してしまう
  • 対応漏れ・二重対応・対応履歴の共有ミスが起こりやすい

といった問題が起きがちです。

フォーム作成ツールでは、“問い合わせ対応用のダッシュボード”が用意されているため、

  • 誰がどの案件を対応中なのか
  • 過去にどんなやり取りをしたのか
  • どの問い合わせ経路(LP/ブログ記事/広告)から来たのか

といった情報を、チーム全体で共有しやすくなります。


まとめると:

  • 「フォームだけ必要」ならプラグインやGoogleフォームで十分
  • 「問い合わせ対応〜顧客管理までを整理したい」「複数人で抜け漏れなく対応したい」なら
    → formrun のようなフォーム作成ツールを検討する価値が高い

という位置づけになります。

WordPressの中だけで完結させるか、
フォーム部分を専門サービスに任せるかは、サイトの規模と運用体制を基準に選ぶのがおすすめです。

問い合わせフォームの設計・カスタマイズのコツ

問い合わせフォームは「設置したら終わり」ではなく、設計の良し悪しで成果が大きく変わるパーツです。
ここでは、初心者の方でもすぐ見直せる設計・カスタマイズのポイントをまとめます。

入力項目は目的に合わせて必要最低限に絞る

フォームは、聞きたいことではなく「目的を達成するのに本当に必要なこと」だけを残すイメージで設計します。

  • 単なるお問い合わせ
    • 必須:名前、メールアドレス、お問い合わせ内容
  • 見積もり依頼
    • 必須:名前、メールアドレス、案件概要、予算感、希望納期
  • 資料請求
    • 必須:会社名、部署名、名前、メールアドレス

よくある失敗は、
「あとで使うかもしれないから…」と住所・電話番号・会社サイトURLなど“念のため”の項目を詰め込みすぎることです。

  • 項目が多い → 入力が面倒 → 途中離脱が増える
  • 本当に必要な情報だけ → 書きやすい → 送信率が上がる

このバランスを常に意識しましょう。

入力ミスを減らすための工夫

必須/任意の違いを視覚的に分かりやすくする

ユーザーが迷う典型パターンが、

どこまで書けば送信できるのか分からない

という状態です。

  • 必須項目には「必須」ラベルや「*」をつける
  • 任意項目には「任意」と明示する
  • 色(例:必須は赤、任意はグレー)で視覚的にも区別

など、パッと見て「どこまで書けばよいか」分かる工夫をすると、エラーもストレスも減ります。

記入例やプレースホルダーを用意する

入力欄には、できるだけ“ゴールのイメージ”を示してあげましょう。

  • 名前
    • プレースホルダー例:山田太郎
  • メールアドレス
    • プレースホルダー例:example@example.com
  • 電話番号
    • プレースホルダー例:090-1234-5678
  • お問い合わせ内容
    • 説明文例:「ご相談内容や現在の状況をできる範囲でお書きください。」

こうしたヒントがあるだけで、入力の迷いが減り、フォームの“空白恐怖”が和らぎます。

フォームのバリデーションを適切に設定する

バリデーション(入力チェック)は、厳しすぎても緩すぎても問題が出ます。

  • メールアドレス:形式チェック(@やドメインの有無)
  • 電話番号:半角数字とハイフンのみ許可
  • 文字数:あまりに短すぎる内容は警告する など

ポイントは、

  • エラーが出たときに何がダメなのか具体的に伝える
    • 「正しく入力してください」ではなく
    • 「メールアドレスの形式が正しくありません(例:example@example.com)」
  • 入力内容が消えないようにする(エラー後に全部リセットされるのはNG)

「エラーが出ても、直せば必ず送信できる」という安心感を持ってもらう設計を心がけましょう。

スマホ・タブレットでも使いやすいレスポンシブデザインにする

今は、多くの問い合わせがスマホから届きます。
PCだけを前提にすると、

  • 文字が小さい
  • ボタンが押しづらい
  • 入力欄とラベルの位置関係が分かりにくい

といったストレスが一気に増えます。

チェックしておきたいポイントは次のとおりです。

  • レイアウトは基本「1カラム」(横並びではなく縦並び)
  • ラベル(項目名)は入力欄のすぐ上に置く
  • 入力欄やボタンは指で押しやすい高さ・幅を確保
  • 文字サイズはスマホで読んで「小さすぎないか」確認
  • 必須ラベルが折り返して読みにくくなっていないか

実際に自分のスマホで、

  1. 入力
  2. スクロール
  3. 送信

まで一連の動作を試し、「どこでイラッとするか」を体感して修正すると、すぐ改善点が見えてきます。

問い合わせフォームへの導線をわかりやすく設計する

どんなに良いフォームを作っても、ユーザーが辿り着けなければ意味がありません。

グローバルナビ・ヘッダー・フッターにリンクを配置する

  • ヘッダーメニューに「お問い合わせ」を常設
  • フッターにも「お問い合わせ」リンクを配置
  • 必要に応じて「無料相談はこちら」などのボタンをヘッダーに置く

ポイントは、

  • テキストはシンプルかつ分かりやすく
    • ×:Contact
    • ○:お問い合わせ
  • どのページからでも1〜2クリックで問い合わせページへ行けるようにする

です。

サイドバーやトップページからもアクセスできるようにする

  • ブログのサイドバーに「ご相談・お問い合わせ」ボックスを設置
  • トップページの下部に「お問い合わせはこちら」のセクションを置く
  • プロフィールや会社概要ページにもリンクを入れておく

特に、記事からの遷移は重要です。
記事末に「この記事に関するご相談は、こちらからご連絡ください。」とリンクを置くだけでも、問い合わせ数が変わります。

画面遷移とページ構成を整理する

フォームの構成は大きく分けて、

  1. 入力画面
  2. 確認画面(任意)
  3. 完了画面(サンクスページ)

という流れになります。

入力画面・確認画面・完了画面の流れを分かりやすくする

  • 画面上部に「1.入力 → 2.確認 → 3.完了」のステップ表示を入れる
  • 確認画面では「戻る」ボタンと「送信する」ボタンを明確に区別
  • 完了画面で「お問い合わせありがとうございます」だけでなく、
    • 返信の目安
    • 連絡が来ない場合の対処
      を記載しておく

確認画面を省略して、
「入力 → すぐ送信」の2ステップにすると、スマホユーザーの離脱が減るケースもあります。
逆に、高額商材や重要な申し込みの場合は、確認画面を挟んでミスを防ぐほうが安心です。

画面ごとにURLを分けて計測・改善しやすくする

可能であれば、

  • 入力画面:/contact/
  • 完了画面:/contact/thanks/

のように、完了ページだけ別URLにするのが理想です。

  • アクセス解析(Googleアナリティクスなど)で「完了ページへの到達」をコンバージョンとして計測できる
  • 広告や施策ごとに「どの経路からの問い合わせが多いか」を比較しやすい

というメリットがあります。

自動返信メール・サンクスページでユーザーに安心感を与える

フォーム送信直後は、ユーザーにとって不安が大きいタイミングです。

  • 本当に送信できたのか?
  • ちゃんと読んでもらえるのか?
  • いつ頃返事が来るのか?

これを解消するのが、

  • 自動返信メール
  • サンクスページ(完了画面)

です。

自動返信メールには、最低限次の内容を入れておくと安心です。

  • お礼の一言
  • 受付内容の控え(ユーザーが入力した内容)
  • 返信の目安(例:通常2営業日以内にご返信いたします)
  • 返信が来ない場合の連絡方法

サンクスページでは、

  • お礼
  • 営業日・受付時間
  • 関連ページへのリンク(FAQ、ブログ記事など)

を簡潔に整理しておくと、ユーザーの「待つ時間」がストレスになりにくくなります。

個人情報保護・プライバシーポリシーの表示を忘れない

お問い合わせフォームでは、多くの場合、

  • 氏名
  • メールアドレス
  • 場合によっては会社名・電話番号

などの個人情報を扱います。

最低限、次の点を押さえておきましょう。

  • フォームの近くに「プライバシーポリシーへのリンク」を設置
  • 「個人情報の取り扱いに同意する」チェックボックスを用意し、必須項目にする
  • プライバシーポリシーには
    • 何を目的に情報を集めるのか
    • どの範囲で利用・保管するのか
    • 第三者提供の有無
      などを明記

さらに、ビジネス用途であれば、自社の業種・規模に応じて、専門家(弁護士・社労士など)に文面を確認してもらうと安心です。


問い合わせフォームは、単なる「連絡用の箱」ではなく、
ユーザーにとっての“最初のコンタクト体験”を決める重要なUIです。

  • 項目を絞る
  • 入力しやすくする
  • 導線を分かりやすくする
  • 安心して送信できるようにする

この4つを意識して、少しずつ改良していくだけでも、
問い合わせ数と質は着実に変わっていきます。

メールの管理方法と「届かない」トラブルへの対応

問い合わせフォームは「作って終わり」ではなく、届いたメールをどう管理するか・届かないときにどう動くかまで考えておく必要があります。ここでは、運用面でつまずきやすいポイントを整理して解説します。

送信内容の保存・管理・活用方法

プラグインやツールで送信履歴を残す

お問い合わせが増えてくると、メールだけで管理するには限界があります。

  • メールクライアントのフォルダ分けが大変
  • 担当者が変わると履歴を追いにくい
  • 「あの人、前に何て問い合わせしてきたっけ?」がすぐ出てこない

こうした状態を避けるには、フォーム側で送信履歴を残す仕組みを入れておくのがおすすめです。

  • フォームプラグインの拡張機能で「送信内容をデータベース保存」
  • formrunなどの外部ツールを使って、ボード形式で対応状況を管理
  • 必要に応じて、CSVやスプレッドシートにエクスポート

履歴を残しておくことで、

  • 対応漏れのチェック
  • 過去のやり取りの振り返り
  • 担当者交代時の引き継ぎ

が格段にやりやすくなります。

お問い合わせ内容を分析してサイト改善に活かす

送信履歴は「溜めっぱなし」ではなく、サイト改善のヒントの宝庫です。

例えば:

  • 「よくある質問」を洗い出してFAQページを作る
  • 同じページについての質問が多ければ、そのページの説明や導線を見直す
  • 購入前の不安・躊躇ポイントをまとめて、商品の説明文やLPを改善する

といった形で、ユーザーの生の声からコンテンツや導線を調整できます。

月に一度でも良いので、問い合わせ内容をざっと眺めて、

  • 質問が多いテーマ
  • 不満の多いポイント
  • 想定していなかった使い方

などをメモしておくと、長期的なサイト運営の質がじわじわ上がっていきます。

サーバーメールと普段使いのメールの連携

レンタルサーバーのメールアドレスを設定する

問い合わせフォームから送られるメールの「送り主」や「宛先」には、独自ドメインのメールアドレスを使うほうが望ましいです。

  • 例)info@example.comcontact@example.com など

レンタルサーバーの管理画面では、たいてい次のようなことができます。

  1. ドメインごとにメールアドレスを新規作成
  2. メールボックス容量やパスワードの設定
  3. ウェブメールでの送受信

この独自ドメインのアドレスをフォームの送信先・送信元に設定することで、

  • 送信元情報が怪しまれにくく、迷惑メール扱いされにくい
  • 「GmailなどのフリーメールをFromに設定して届かない」というトラブルを減らせる

というメリットがあります。

普段利用しているメールアドレスへ転送設定する

とはいえ、「普段はGmailやOutlookしか見ていない」という人も多いはずです。
そんなときは、サーバーメール → 普段使っているメールへの転送を設定しましょう。

  • レンタルサーバーのメール設定で「転送先アドレス」を追加
  • 「受信はサーバーメール、閲覧はGmail」という形にする
  • 必要なら、ウェブメール側にも一定期間は残すように設定

こうしておけば、

  • 表向きは「info@ドメイン名」でプロっぽく見せつつ
  • 実務は、慣れたメールアプリからチェックする

という、扱いやすい運用ができます。

メールが届かないときのチェックポイント

「お問い合わせありがとうございます」と書いておきながら、実は一通も届いていなかった――これは一番避けたいパターンです。違和感を覚えたら、次のポイントを順番に確認しましょう。

メールアドレスの設定ミスがないか確認する

まずは、フォーム側のメール設定をチェックします。

  • 宛先(To)のアドレスにタイプミスがないか
  • ドメイン名のスペルが正しいか(examle.com などになっていないか)
  • テスト用に自分の別アドレスを設定したままになっていないか

特に、複数のフォームを運用していると、コピペで設定したまま一部だけ変え忘れるミスが起こりやすいです。

迷惑メールフォルダ・フィルタ設定を確認する

宛先の設定が合っているのに届かないときは、受信側の設定も疑います。

  • 迷惑メールフォルダに入っていないか
  • 「info@〜」などのアドレスがフィルタで自動振り分けされていないか
  • ドメイン単位でブロックしていないか

問い合わせメールは、

  • 英数字が多い
  • URLを含む
  • 定型文が続く

といった理由で、スパム判定されやすい条件を満たしがちです。
迷惑メールに入っていた場合は、「迷惑メールではない」と解除して、次回以降の判定を改善しておきましょう。

テスト送信を行いフォームの挙動を検証する

原因を切り分けるために、テスト送信を複数パターンで試すことも重要です。

  • 自分の別メールアドレス(Gmail/キャリアメールなど)を宛先に変えて送信
  • 自動返信メールがユーザー側に届くか確認
  • 送信完了メッセージが画面に表示されているかチェック

これにより、

  • フォーム自体が送信できていない
  • メールは出ているが、特定のドメインにだけ届かない
  • 受信はしているが、迷惑メールに入っている

といった切り分けができます。

必要に応じて、

  • SMTPプラグインを導入して外部SMTPサーバー経由で送信する
  • レンタルサーバーのエラーログを確認する

など、技術的な対応も検討していきましょう。

スマホ表示やレイアウト崩れのトラブル対策

フォームに「入力しづらい」「ボタンが押せない」といった問題があると、
ユーザーはその場で離脱してしまいます。

テーマやプラグインの競合を確認する

次のような症状が出る場合は、テーマや他プラグインとの相性を疑います。

  • スマホだけレイアウトが崩れる
  • 送信ボタンが表示されない/押せない
  • 一部の入力欄だけ極端に小さくなる

対策としては、

  1. テーマを一時的に標準テーマ(Twenty Twenty系など)に切り替えてみる
  2. フォーム以外のプラグインを一旦停止し、問題が再現するか確認
  3. どのプラグインを有効化したときに崩れるかを一つずつ検証

という手順で、競合の原因を特定していきます。

原因となるプラグインやテーマが分かったら、

  • 最新バージョンにアップデート
  • 公式ドキュメント・サポートに既知の不具合がないか確認
  • 場合によっては別プラグインへの乗り換えも検討

といった対応を取ります。

フォーム部分のレスポンシブ設計を見直す

フォームのHTML構造自体に無理があると、特にスマホ表示で崩れやすくなります。

チェックしたいポイントは:

  • テーブルレイアウトで無理に横並びにしていないか
  • ラベルと入力欄が狭い幅に詰め込まれていないか
  • CSSで固定幅(px)を指定しすぎていないか
  • 余白(padding/margin)が小さすぎてタップしづらくなっていないか

理想は、スマホでは次のような構造です。

お名前(必須)
[ テキスト入力欄 ]

メールアドレス(必須)
[ テキスト入力欄 ]

お問い合わせ内容(必須)
[ テキストエリア ]

つまり、

  • 1カラムで縦に並べる
  • ラベル → 入力欄の順番を守る
  • 余白と文字サイズを十分確保する

というシンプルな構成にすることです。


問い合わせフォームは、メールの届き方・見え方・使いやすさが揃って初めて“窓口”として機能します。

  • 送信履歴を残して管理しやすくする
  • 普段使いのメールと連携して「見落とさない仕組み」を作る
  • 届かない・崩れるといったトラブルのチェックポイントを押さえておく

この三つを意識するだけでも、運用の安定感が大きく変わります。

コーディングで自作フォームを作る際に押さえておくべき点

プラグインを使わず、PHPやHTML/CSSでお問い合わせフォームを自作すると、自由度が高い一方ですべて自分の責任で面倒を見る必要があります。
ここでは、独自実装する際に最低限おさえておきたいポイントだけに絞って解説します。

入力チェック・XSS対策などセキュリティ面の配慮

自作フォームでいちばん怖いのは、「動くけど危険」なコードを書いてしまうことです。

押さえるべき代表的なポイントは次のとおりです。

  • サーバー側で必ず入力チェック(バリデーション)をする
    • JavaScriptだけのチェックは「見た目用」と割り切る
    • PHP側で「必須項目が埋まっているか」「形式が正しいか」を再確認する
  • XSS(クロスサイトスクリプティング)対策
    • 画面に出力するときは htmlspecialchars() などでエスケープする
    • HTMLタグやスクリプトをそのまま表示しない
  • メールヘッダインジェクション対策
    • メール送信に使う名前・件名・アドレスに改行コードを混入させない
    • \r\n を削除・置換してからヘッダに渡す
  • CSRF対策(できれば)
    • ワンタイムトークンを hidden フィールドで持たせる
    • 送信時にトークンを照合し、一致しない場合は処理しない

「よく分からないけど、とりあえず動いたからOK」は、フォーム自作ではかなり危険です。
PHPのセキュリティ基礎を一度ざっと押さえてから実装するくらいの慎重さがちょうどいいくらいです。

SSL化による通信の暗号化を必ず行う

フォームでは、

  • 氏名
  • メールアドレス
  • ときには住所や電話番号

など、個人情報を送信することが多くなります。
これをHTTPのまま送るのはNGです。

  • サイト全体を https 化(常時SSL)する
  • ブラウザのアドレスバーに「保護された通信」と出る状態にしておく
  • HTTPでアクセスされたときは https にリダイレクトする

レンタルサーバーの多くは、無料SSL(Let’s Encryptなど)の設定機能を用意しています。
フォームを自作する前に、必ずSSLを有効にしてから開発を進めましょう。

マルチデバイスに対応したレスポンシブデザインにする

コーディングでフォームを自作すると、レイアウトも自分で決められますが、
その分 「PCではキレイだけど、スマホで崩れるフォーム」になりやすいです。

最低限、次の点を意識しておきましょう。

  • スマホでは1カラム構成を基本にする
    • 項目名(ラベル) → 入力欄 の順で縦に並べる
  • 横幅は %max-width を使い、「画面幅に応じて広がる」設計にする
  • 文字サイズを小さくしすぎない(16px前後を基準に)
  • 送信ボタンは指で押しやすいサイズ(高さ40px〜)を確保する
  • @media クエリで、画面幅に応じて余白やフォントサイズを調整する

見た目を凝る前に、「どの端末でもストレスなく入力・送信できるか」を優先して整えると、離脱を防ぎやすくなります。

不具合対応や機能追加を自分で行う前提で運用計画を立てる

プラグインを使う場合と違い、自作フォームはトラブル発生時も自力で解決することが前提になります。

たとえば:

  • PHPのバージョンアップで警告・エラーが出る
  • テーマを変更したらフォームだけレイアウトが崩れた
  • スパム投稿が急に増えたので対策コードを書き足したい
  • 項目を追加したら、メール本文との紐付けを修正し忘れて混乱した

など、運用していると必ず「修正」が発生します。

そのためにも、

  • コードを1ファイルにベタ書きせず、最低限の構造(テンプレート・処理ロジックの分離)を意識する
  • コメントを残し、「何をしているコードか」を後から見ても分かるようにする
  • 変更前にバックアップを取り、Gitなどで簡単でもバージョン管理しておく
  • 自分で対応できないレベルの不具合が出たときに頼れる人・外注先を決めておく

といった「運用面の準備」も、実装と同じくらい重要です。


まとめると:

コーディングでの自作フォームは、

  • 自由度が高く、細かい要件にも対応できる一方で
  • セキュリティ・表示・運用のすべてを自分で抱えることになる

という“ハイリスク・ハイコントロール”な方法です。

「実装して終わり」ではなく、

  • 安全に動くか
  • どの端末でも使いやすいか
  • 将来の修正・拡張に耐えられるか

という視点で設計していくと、長く安心して使えるフォームになります。

自分のサイトに合った問い合わせフォームを選び、継続的に改善していこう

サイトの目的に合う作り方(プラグイン・外部サービス・自作)を選ぶ

問い合わせフォームの正解は「これ一択」ではなく、サイトの目的・規模・運営体制によって変わります。
ブログや小規模サイトなら、まずはプラグイン(Contact Form 7 など)で十分ですし、メール不達がどうしても不安なら Googleフォームという選択もあります。
チームで問い合わせ対応をしたい、顧客管理もまとめて行いたい場合は、formrun などの外部サービスを検討すると運用が楽になります。
コードに慣れていて、細かい仕様までコントロールしたい人は自作フォームも選択肢ですが、その分セキュリティや保守まで自分で面倒を見る覚悟が必要です。
「今の自分にとって無理のない方法か?」という視点で、身の丈に合った作り方を選ぶのが長続きのコツです。

ユーザー視点で「使いやすくて安心できるフォーム」を目指す

問い合わせフォームは「運営者のための機能」であると同時に、ユーザーにとっては“最初のコンタクト体験”です。
項目が多すぎないか、スマホで入力しづらくないか、必須・任意が分かりやすいか、送信後の案内は丁寧か――といった点を、自分で実際に触りながら確認してみてください。
自動返信メールやサンクスページで、返信の目安や連絡先をきちんと伝えておくと、「本当に届いているのかな?」という不安を減らせます。
フォーム設計に迷ったときは、自分がユーザーだったら使いたいかどうかを基準に、小さく手を入れていくと方向性を間違えにくくなります。

スパム対策・セキュリティ・メール管理を継続的に見直す

問い合わせフォームは、一度作ったら終わりではなく、運用しながら育てていくコンテンツです。
スパムが増えてきたら reCAPTCHA や Cloudflare Turnstile の導入を検討し、個人情報を扱う以上は SSL 化やXSS対策などのセキュリティも定期的にチェックしておきましょう。
また、「メールが届かない」「迷惑メールに入る」といったトラブルを防ぐために、独自ドメインのアドレス利用や送信ログの保存など、メール管理の仕組みも整えておくと安心です。
問い合わせ内容を見直せば、よくある質問やユーザーの悩みがそのままコンテンツのネタにもなります。
フォームをただの連絡窓口で終わらせず、ユーザーとの接点を増やし、サイトを改善していくための“センサー”として活用していきましょう。

まとめ:自分の運営スタイルに合う問い合わせフォームを選んで育てていこう

この記事で見てきたように、WordPressの問い合わせフォームには大きく分けて

  • プラグインで作る方法
  • Googleフォームなどの外部サービスを埋め込む方法
  • formrunなどの専用ツールを活用する方法
  • コーディングで自作する方法

という複数の選択肢があります。

どれが「一番良い」のかではなく、サイトの目的・運営体制・技術レベルによって最適解は変わる、というのが実際のところです。

  • 小規模ブログや個人サイト
    → 導入しやすいプラグイン or Googleフォーム
  • 問い合わせ件数が多く、チームで対応したい
    → formrunなど、管理画面が整った外部ツール
  • 細かい仕様やデザインまで完全にコントロールしたい
    → セキュリティと保守を理解した上での自作フォーム

といったイメージで、まずは「今の自分に無理のない方法」から選ぶのがおすすめです。

同時に、どの方法を選んだとしても、

  • 項目を増やしすぎない
  • スマホでも入力しやすいレイアウトにする
  • 自動返信メールやサンクスページで安心感を与える
  • スパム対策とSSL化など、基本的なセキュリティを押さえる
  • メールの届き方・履歴の残し方を定期的にチェックする

といった“使いやすさと安全性”の視点は共通して重要です。

問い合わせフォームは、単なる「連絡先」ではなく、
ユーザーの本音が集まり、ビジネスのチャンスが生まれる入り口でもあります。

いきなり完璧を目指す必要はありません。
まずは今できる形でフォームを整え、届いた問い合わせやトラブルの傾向を見ながら、少しずつ改善していきましょう。
その積み重ねが、結果的に「使いやすくて信頼されるサイト」づくりへつながっていきます。

フォーム作成から問い合わせ対応・顧客管理まで【formrun】
目次