WordPressのお問い合わせフォームはContact Form 7で20分以内に設置できます。プラグイン導入からショートコードの固定ページ設置、自動返信メール設定まで一連の流れをこの記事で解説します。

目次

この記事でわかること

Contact Form 7を使って20分以内にフォームを設置する具体的な手順がわかります。自動返信メールとreCAPTCHA v3によるスパム対策を無料で設定する方法がわかります。フリーランスの仕事依頼に特化した5項目のフォーム設計と導線の整え方がわかります。

この記事の結論

Contact Form 7をインストールし、フォームのショートコードを固定ページに貼り付けるだけで、フリーランスの仕事依頼窓口は20分で完成します。自動返信メールとスパム対策を同日中に設定すれば、プロとして信頼される問い合わせ導線が整います。手順を順番に進めれば、WordPress初心者でも迷わず完了できます。

今日やるべき1つ

Contact Form 7をWordPressにインストールして有効化してください(所要時間:3分)。インストール後、管理画面の「お問い合わせ」メニューが表示されることを確認してください。

状況別ショートカット

状況読むべきセクション所要時間
まず方法を比べてから決めたいWordPressフォームは4方法から選ぶ3分
Contact Form 7をすぐ設置したいContact Form 7は5ステップで設置完了10分
自動返信メールの設定で詰まっている自動返信メールは3項目で設定完了5分
スパムや誤送信が心配スパム対策は2つの仕組みで防止5分
フリーランス向けの項目に整えたいフリーランス向けフォームは5項目で完結5分

WordPressフォームは4方法から選ぶ

フォームの設置方法を最初に整理しておくと、後の手順で迷いません。WordPressでお問い合わせフォームを作る方法は、大きく4つに分類できます。

Contact Form 7が初心者に最適な理由

Contact Form 7は世界中で500万以上のサイトに導入されているWordPress公式ディレクトリ掲載のプラグインで、無料で使い続けられます。インストールから設置まで20分以内に完了できるため、コーディング経験のないフリーランスでも当日中に問い合わせ窓口を開設できます。フリーランスの個人サイトであれば、Contact Form 7の機能で業務上の問い合わせ受付に必要な要件はほぼ満たせます(WordPressでお問い合わせフォームを作成する3つの方法)。

Googleフォーム埋め込みは管理ゼロで始められる

Googleフォームはフォーム本体をGoogleが管理するため、WordPress側でのメール設定やスパム対策を省略できます。埋め込みコードをページに貼るだけで公開でき、設置所要時間は5分以内です。フォームのデザインがサイトのデザインと統一されないケースがほとんどで、回答データはGoogleスプレッドシートに蓄積される仕様です。返信はGmail等から手動で行う前提のため、自動返信メールを相手に届けたい場合は別途対応が必要です。

HTML/CSS自作はデザイン自由度が最も高い

HTMLで入力欄を記述し、CSSで見た目を整え、PHPで受信処理を実装する方法です。デザインを1ピクセル単位でコントロールしたい場合に適しています。PHPによるメール送信処理やバリデーションを自前で書く必要があり、セキュリティ上の実装漏れが起きやすいリスクがあります。コーディングに慣れていないフリーランスには向きません(WordPressのお問い合わせフォームを作成する方法3選)。

フォーム作成ツール活用はノーコードで高機能

form.runやTypeformなどの外部フォーム作成ツールは、条件分岐や入力補完など高度な機能をノーコードで実装できます。月額費用が発生するプランが多く、無料プランでは送信件数や機能に制限がある点を事前に確認してください。案件数が増えてきたフリーランスが、問い合わせ管理を効率化したいタイミングで検討する選択肢です。ポートフォリオサイトの作り方と合わせて設置まで進めると、仕事依頼の窓口が一気に整います。

CHECK

▶ 今すぐやること: 上記4方法の中から自分の状況に合う方法を1つ決める(2分)

Q: Contact Form 7は本当に無料で使えますか?

A: はい、無料で使えます。WordPress公式ディレクトリからインストールできる無料プラグインで、基本機能は無償で利用できます。reCAPTCHA連携や一部アドオン機能は別途設定が必要ですが、問い合わせの受付・自動返信・メール通知はすべて無料で動作します。

Q: プラグインを入れるとサイトが重くなりますか?

A: いいえ、通常は重くなりません。Contact Form 7は軽量設計のプラグインで、フォームを設置していないページではスクリプトが読み込まれない設定にすることもできます。通常の運用で体感速度に影響が出ることはほぼありません。

Contact Form 7は5ステップで設置完了

管理画面の操作から固定ページへの表示まで、迷わず進められるよう順番に説明します。「プラグインを入れてもどこに表示するのか」という疑問も、この手順を一通り進めることで解消できます。

ステップ1:プラグインのインストールと有効化

WordPress管理画面の左メニューから「プラグイン」→「新規プラグインを追加」を開きます。検索欄に「Contact Form 7」と入力し、Takayuki Miyoshiが開発者として表示されているプラグインの「今すぐインストール」をクリックします。インストール完了後に「有効化」ボタンを押すと、左メニューに「お問い合わせ」という項目が追加されます。この項目が表示されれば有効化は成功です(所要時間:3分)。

ステップ2:フォームの確認と項目編集

「お問い合わせ」→「フォーム一覧」を開くと、デフォルトで「コンタクトフォーム 1」が作成されています。この初期フォームには、お名前・メールアドレス・件名・メッセージ本文・送信ボタンが含まれており、多くのフリーランスサイトではこのまま利用できます。項目を変更したい場合は、フォーム名をクリックして編集画面に入り、タグ生成ボタンを使って新しい入力欄を追加できます(Contact Form 7でお問い合わせページを作る)。

ステップ3:固定ページの新規作成

管理画面の「固定ページ」→「新規固定ページを追加」から、タイトルに「お問い合わせ」と入力したページを作成します。URLスラッグは「contact」にするとシンプルでわかりやすくなります。スラッグを日本語にするとURLが文字化けしてリンクを共有しにくくなるため、英数字スラッグを使ってください。パーマリンク設定が完了したらページを下書き保存しておきます(所要時間:2分)。

ステップ4:ショートコードを固定ページに貼り付ける

「お問い合わせ」→「フォーム一覧」に戻り、フォーム名の下に表示されているショートコード(例:

エラー: コンタクトフォームが見つかりません。

)をコピーします。先ほど作成した固定ページの編集画面を開き、本文エリアにショートコードをペーストします。ブロックエディタを使用している場合は「ショートコード」ブロックを追加してからペーストしてください。ページを公開すると、フォームが表示された状態になります(所要時間:3分)。

ステップ5:送信テストで動作確認

ページを公開したら、必ずご自身で送信テストを行ってください。テスト用のメールアドレスを使ってフォームから送信し、管理者のメールアドレスに通知が届いているかを確認します。届かない場合はContact Form 7の設定画面で送信先メールアドレスを確認するか、WordPressのメール送信設定(WP Mail SMTPプラグインの活用)を検討してください(20分でできる!WordPressブログお問い合わせフォームの作り方)。

CHECK

▶ 今すぐやること: Contact Form 7をインストールして有効化し、デフォルトフォームのショートコードをコピーする(5分)

Q: ショートコードを貼ったのにフォームが表示されません。

A: ブロックエディタで「段落」ブロックにショートコードを貼っている場合、テキストとして表示されることがあります。「ショートコード」専用ブロックを選択し直してペーストすると正しく表示されます。

Q: 固定ページをメニューに追加するにはどうすればよいですか?

A: WordPress管理画面の「外観」→「メニュー」から、作成した「お問い合わせ」固定ページをメニューに追加できます。ヘッダーナビゲーションに表示したい場合は「ヘッダーメニュー」として設定されているメニューに追加してください。

どの方法が自分に合うかを3分で診断

以下の質問に答えると、自分に最適な方法が3分で絞り込めます。各質問に「Yes」か「No」で答えながら進んでください。

Q1: 自動返信メールを相手に送りたいですか?

Yesの場合はQ2へ進んでください。Noの場合はGoogleフォーム埋め込みで十分です(設置時間:5分)。

Q2: フォームのデザインをサイトのデザインに合わせたいですか?

Yesの場合はQ3へ進んでください。Noの場合もContact Form 7で問題ありませんが、デザイン統一が不要ならGoogleフォームも選択肢に残ります。

Q3: コーディング(HTML/CSS/PHP)の実務経験がありますか?

Yesの場合は、HTML/CSS自作またはContact Form 7のいずれかを目的に応じて選べます。自作はデザイン自由度が高い一方でセキュリティ実装の責任が自分にあります。Noの場合はResult Aへ進んでください。

Result A:Contact Form 7を使う(推奨)

インストールから設置まで20分以内に完了でき、自動返信メールもスパム対策も無料で設定できます。この記事の手順を上から進めてください。

Result B:Googleフォーム埋め込みを使う

自動返信不要でとにかく早く公開したい場合に適しています。Googleフォームを作成し、共有オプションから「埋め込み」コードをコピーして固定ページのHTMLブロックに貼り付けます。

Result C:HTML/CSS自作を選ぶ

PHPのメール送信処理とXSS・CSRF対策を自前で実装できる場合のみ選択してください。実装コストと保守コストが最も高い方法です。

Result D:外部フォームツールを使う

案件管理や条件分岐フォームが必要になった段階で検討してください。初期はContact Form 7で始めて、後から切り替えるのが現実的です。

CHECK

▶ 今すぐやること: 上の診断でResult Aが該当した場合、次のセクションへ進んでContact Form 7の設置手順を開始する(1分)

Q: 後からGoogleフォームからContact Form 7に移行できますか?

A: できます。Contact Form 7で新しいフォームを設置した固定ページを作成し、Googleフォームを埋め込んでいた固定ページのURLを新しいページに差し替えるだけです。既存のリンクやメニュー設定の更新を忘れずに行ってください。

Q: 個人サイトに問い合わせフォームは必要ですか?

A: フリーランスにとって問い合わせフォームは仕事依頼の入り口です。メールアドレスをページに直接記載する方法もありますが、スパムメールが増えるリスクがあります。フォームを使うことで送信者情報を整理された形で受け取れるため、依頼対応の効率が上がります。

自動返信メールは3項目で設定完了

Contact Form 7では3つの項目を入力するだけで、送信者への確認メールを自動化できます。設定箇所は「メール」タブに集約されており、順番に入力するだけで完了します。

管理者通知メールの設定場所

Contact Form 7の編集画面には「メール」タブがあります。このタブを開くと、問い合わせが届いたときに管理者(自分)に届くメールの設定が表示されています。「送信先」欄に自分が受け取りたいメールアドレスを入力してください。デフォルトでは[_site_admin_email]というWordPressの管理者メールアドレスが使われているため、別のアドレスで受け取りたい場合は直接入力してください(WordPressにお問い合わせフォームを設置する方法)。

自動返信メールの有効化と内容設定

「メール」タブを下にスクロールすると「メール(2)」というセクションがあります。「メール(2)を使用」にチェックを入れることで、送信者への自動返信メールが有効になります。「送信先」欄に[your-email](フォームのメールアドレス入力欄に対応するタグ)を入力し、件名と本文を設定します。本文には返信目安(例:「3営業日以内にご連絡します」)と営業目的の問い合わせへの対応方針を明記しておくと、問い合わせの質が向上します。返信目安を明示するだけで、問い合わせ後の不要なフォローアップ連絡が減ります。

送信テストで自動返信を確認する

設定を保存したら、自分とは別のメールアドレス(GmailとYahooメールで交互にテストするのが確実です)からフォームに送信し、その両方のアドレスにメールが届いているかを確認します。管理者通知と自動返信の両方を確認してください。メールが届かない場合の主な原因の一つは、WordPressのメール送信機能(PHPMailer)がレンタルサーバーの設定によってブロックされているケースです。この場合は「WP Mail SMTP」プラグインをインストールし、Gmailなどの外部SMTPサーバーを経由してメールを送信する設定に切り替えると解決できます。フリーランスとして仕事を受注する際の問い合わせフォームからクライアントへの返信メールの書き方も合わせて確認しておくと、依頼への対応がスムーズになります。

CHECK

▶ 今すぐやること: Contact Form 7の「メール」タブを開き、送信先アドレスを自分のメールアドレスに変更して保存する(3分)

Q: 自動返信メールの差出人名を変更できますか?

A: はい、変更できます。「メール(2)」の「差出人」欄に任意の名前とメールアドレスを入力できます。フリーランスの場合は「屋号名 〈noreply@ドメイン〉」のように設定しておくとプロらしい印象を与えられます。

Q: メールが届かない場合、まず何を確認すべきですか?

A: Contact Form 7の送信結果画面に「メールの送信に失敗しました」と表示されている場合は、WP Mail SMTPプラグインの導入が最短の解決策です。送信成功と表示されているのに受信できない場合は、迷惑メールフォルダを確認してください。

スパム対策は2つの仕組みで防止

問い合わせフォームを公開すると、スパムボットからの自動送信が届くことがあります。放置すると受信トレイが汚染され、本当の依頼メールを見落とすリスクが生まれます。reCAPTCHAとAkismetの2つを組み合わせることで、異なる経路のスパムを補完的に防止できます。

reCAPTCHAとの連携でボット送信を遮断

Contact Form 7はGoogle reCAPTCHA(v3)と連携できます。reCAPTCHAはユーザーの操作パターンをAIが判定し、ボットによる自動送信をバックグラウンドで検出します。チェックボックスのクリックを求める旧来のreCAPTCHA v2とは異なり、v3はフォームの見た目を変えずにスパムを防止できるため、ユーザー体験を損ないません。設定手順はGoogle reCAPTCHAの管理画面でサイトを登録してサイトキーとシークレットキーを取得し、Contact Form 7の設定画面の「インテグレーション」タブに入力するだけです(所要時間:10分)。スパム対策なしのフォームは公開から数日以内に自動送信の標的になるケースがあるため、早めに設定してください。

Akismetプラグインを組み合わせて二重防御

reCAPTCHAに加えてAkismetプラグインを有効にすると、スパム判定の精度がさらに向上します。AkismetはWordPressに最初からインストールされているプラグインで、APIキーを取得して有効化するだけで動作します。個人サイトであれば無料プランが利用できます(商用利用の場合は後述のQ&Aを参照してください)。reCAPTCHAはボット送信の防止、Akismetはスパムコンテンツの検出という役割分担があるため、両方を使うことで補完関係になります。なお、Contact Form 7の「Flamingo」アドオンを併用すると送信履歴がWordPressのデータベースに保存されるため、スパム判定されたメッセージの確認も可能になります。著作権侵害の損害賠償リスクと同様に、セキュリティ上の対策を怠ると後から大きなコストが発生することがあるため、早期対応が重要です。

CHECK

▶ 今すぐやること: Google reCAPTCHAの管理画面にアクセスしてサイトを登録し、サイトキーを取得する(5分)

Q: Akismetは本当に無料で使えますか?

A: 個人サイトかつ非商用目的の場合は無料プランが提供されています。フリーランスの営業サイトは商用利用に該当するケースがあるため、Akismetの利用規約を確認した上で、有料プランへの切り替えを検討してください。

Q: スパム対策を設定した後も迷惑メールが届きます。

A: reCAPTCHA v3のスコアしきい値を調整するか、Contact Form 7のバリデーション設定で特定の文字列を含む送信を拒否する設定を追加することで改善できます。完全に0件にすることは技術的に難しいため、Akismetで自動分類される仕組みを整えることが現実的な対策です。

フリーランス向けフォームは5項目で完結

汎用的なフォーム設置手順では見落とされがちですが、「フリーランスの仕事依頼に特化した項目設計」が問い合わせの質と量を左右します。項目が多すぎると送信率が下がり、少なすぎると案件の詳細が把握できません。

フリーランス専用の5項目設計

フリーランスの案件受付フォームに最適な項目は、お名前・メールアドレス・依頼内容の種別(ウェブサイト制作・ライティング等のラジオボタン)・お問い合わせ内容(自由記述)・どのようにサイトを知ったか(任意)の5項目です。予算感や納期については、問い合わせ後の返信で確認する方が自然なやり取りになります。フォームで予算を必須入力にすると入力を面倒に感じて離脱するユーザーが一定数いるため、任意項目にするか案件整理は返信ステップで行ってください。

フォームの導線をヘッダーとフッターに設置する

お問い合わせページへのリンクがトップページからしか辿れない設計では、記事ページや作品紹介ページを読んだ人が依頼を検討しても窓口を見つけられません。WordPress管理画面の「外観」→「メニュー」から、ヘッダーナビゲーションとフッターの両方にお問い合わせページリンクを追加してください。フッターには問い合わせリンクに加えて返信目安(「返信目安:3営業日以内」)を添えると、問い合わせ前の不安を軽減できます(WordPressでお問い合わせフォームを設置する方法)。

サンクスページで依頼者の不安を解消する

フォーム送信後に「送信ありがとうございました」というメッセージだけが表示されるより、専用のサンクスページ(固定ページ)に遷移する設定の方が離脱率が下がります。Contact Form 7では「追加設定」タブにon_sent_ok: “location.href = ‘/thanks/’;” のようなJavaScriptを記述することで遷移先を指定できます。サンクスページには返信目安・SNSリンク・ポートフォリオへの導線を入れておくと、問い合わせから関係構築まで自然に続きます。

フォーム文言で営業問い合わせを減らす

フォーム上部に一文添えるだけで、的外れな営業メールの量を減らせます。「このフォームはお仕事のご依頼・ご相談専用です。営業・SEO対策のご提案はお断りしています」という一文を設置することで、不要な問い合わせを一定数減らす効果が期待できます。意図を明示することで送信者のフィルタリングに一定の効果があります。

スマートフォン表示の確認を忘れない

フォームを設置したページをスマートフォンで開き、入力欄の横幅・送信ボタンのタップしやすさ・入力中のレイアウト崩れを確認してください。Contact Form 7のデフォルトスタイルはレスポンシブ対応していますが、テーマとの組み合わせによって入力欄が極端に狭くなるケースがあります。テーマのCSSにinput[type=”text”], textarea { width: 100%; box-sizing: border-box; }を追加することで大半のレイアウト崩れを修正できます。スマートフォンからの問い合わせが全体の過半数を占めるサイトも多いため、この確認は欠かせません。フォーム設置と合わせてポートフォリオの作り方も見直しておくと、サイト全体の仕事依頼動線が整います。

CHECK

▶ 今すぐやること: お問い合わせフォームをスマートフォンで開き、送信ボタンまで滞りなく操作できるかテストする(3分)

Q: 「依頼内容の種別」をラジオボタンで作るにはどうすればよいですか?

A: Contact Form 7の編集画面で「ラジオボタン」タグジェネレーターを開き、選択肢を入力してタグを生成します。生成されたタグをフォームの本文エリアに貼り付けると、選択肢が表示されます。

Q: サンクスページを作らずに済ませる方法はありますか?

A: Contact Form 7の「追加設定」にon_sent_ok: “alert(‘送信が完了しました。3営業日以内にご連絡します。’)”;と入力すると、ページ遷移なしにアラートで完了メッセージを表示できます。見た目の柔軟性はサンクスページ方式に劣ります。

WordPressフォームは5つの仕組みで完成

フリーランスにとってWordPressのお問い合わせフォームは、仕事依頼の最初の接点です。Contact Form 7を使えばインストールから設置まで20分以内に完了し、自動返信・スパム対策・フリーランス向け項目設計まで同日中に整えられます。

ハック1:ショートコードを固定ページに最速で設置する

【対象】: WordPressにフォームを設置したことがないフリーランス

【手順】: Contact Form 7を有効化してフォーム一覧からショートコードをコピーし(2分)、「固定ページ」→「新規追加」でタイトルを「お問い合わせ」として新規作成し(1分)、ブロックエディタで「ショートコード」ブロックを挿入してショートコードを貼り付けてページを公開してください(2分)。

【コツと理由】: 「段落ブロック」にショートコードをペーストするとフォームがテキストとして表示されます。「ショートコード」専用ブロックを使うことでフォームが正しくレンダリングされます。専用ブロックを使う習慣をつけるだけで、設置のやり直しに費やす時間を省略できます。

【注意点】: ショートコードは「ショートコード」ブロック以外に貼り付けないでください。段落ブロックへの貼り付けはテキスト表示になります。

ハック2:自動返信メールの差出人をドメインメールに設定する

【対象】: 問い合わせを受けたときに相手に送る自動返信メールのプロ感を高めたいフリーランス

【手順】: レンタルサーバーの管理画面で自ドメインのメールアドレス(例:info@自分のドメイン.com)を作成し(5分)、Contact Form 7の「メール(2)」タブの差出人欄を「屋号名 〈info@自分のドメイン.com〉」に変更して保存し(2分)、テスト送信を行って自動返信メールの差出人が意図したアドレスで届くかを確認してください(3分)。

【コツと理由】: 自ドメインのメールアドレスを差出人に設定する方が受信者からの信頼感が上がります。無料メールアドレスからの自動返信は迷惑メールフォルダに振り分けられる可能性があり、問い合わせ者が返信を見落とすリスクを高めます。自ドメインメールを使うことで迷惑メール判定を受けにくくなり、開封率の向上が期待できます。

【注意点】: 無料メールアドレス(GmailやYahooメール等)を差出人のまま運用すると信頼感が下がります。自ドメインのメールアドレスに切り替えてください。

ハック3:WP Mail SMTPでメール到達率を安定させる

【対象】: フォームから送信したメールが届かないトラブルを経験したか、事前に防ぎたいフリーランス

【手順】: 管理画面からWP Mail SMTPプラグインをインストールして有効化し(3分)、GmailのSMTP設定(ホスト:smtp.gmail.com、ポート:587、STARTTLS)を入力して認証を完了し(10分)、WP Mail SMTPの「テストメール送信」機能で任意のアドレスに送信して到達を確認してください(2分)。

【コツと理由】: WordPressのデフォルトメール送信機能(PHPMailer)は、レンタルサーバーのセキュリティポリシーによってブロックされるケースがあります。WP Mail SMTPを使ってGmailやSendGridなどの外部SMTPを経由することで、メール到達率を安定させられます。エックスサーバーやConoHaWINGなど主要レンタルサーバーでも、SMTP認証を推奨している場合があるため、最初から設定しておくことが安定した運用への最短策です。

【注意点】: WordPressのデフォルトメール送信(PHPMailer直接送信)は動作しているように見えても、到達していないケースが静かに発生します。WP Mail SMTPを導入してください。

ハック4:reCAPTCHA v3をContact Form 7に10分で連携する

【対象】: フォームを公開したばかりで、スパム対策をまだ設定していないフリーランス

【手順】: Google reCAPTCHA管理画面でサイトを登録してv3タイプのサイトキーとシークレットキーを取得し(5分)、Contact Form 7の「設定」→「インテグレーション」→「reCAPTCHA」にサイトキーとシークレットキーを入力して保存し(3分)、フォームに送信テストを行ってreCAPTCHAのバッジアイコンがページ右下に表示されることを確認してください(2分)。

【コツと理由】: v3は送信者の行動スコアをバックグラウンドで判定するためフォームの見た目に一切影響せず、ユーザーにとってのストレスがゼロです。v2のチェックボックスは送信前に追加ステップが生じるため送信率に影響する可能性があり、フリーランスの営業フォームでは機会損失につながるケースがあります。見た目を変えずにスパムを遮断できるv3が現時点での推奨設定です。

【注意点】: チェックボックス式のreCAPTCHA v2は送信ステップが増えるため、v3を設定してください。

ハック5:フォームURLを外部ポートフォリオやSNSプロフィールに貼る

【対象】: WordPressサイト以外でも仕事依頼の導線を広げたいフリーランス

【手順】: WordPressサイトのお問い合わせページのURLを確認し(1分)、クラウドワークス・ランサーズ等のプロフィールページのURL欄や自己紹介文にフォームURLを貼り付け(3分)、XやInstagramのプロフィールリンクにURLを追加するかリンクまとめページ(Linktree等)にお問い合わせページを追加してください(2分)。フリーランスの新規開拓営業の一環としてフォームURLを外部に展開しておくことで、複数チャネルから依頼を受け取れる体制になります。

【コツと理由】: フォームURLを外部に展開することで、サイトに訪問しないユーザーからも依頼を受け取れるようになります。フリーランス案件の獲得経路はSNSや外部プラットフォームからも多く、そこからサイトへの導線とともにフォームURLを直接提示することで問い合わせのハードルが下がります。

【注意点】: フォームURLはWordPressサイト内だけに閉じておく必要はありません。公開済みのお問い合わせページURLは外部でも自由に使えます。

CHECK

▶ 今すぐやること: 上記5つのハックのうち、まず「ハック1」のショートコード設置を完了させる(5分)

Q: WP Mail SMTPのGmail連携はGoogleアカウントがあれば無料でできますか?

A: はい、無料で設定できます。WP Mail SMTPのウィザードに従ってGoogleのOAuth認証を行うだけで設定が完了します。Gmailの1日あたりの送信上限(500通)を超えるような大量送信がなければ、無料プランで問題ありません。

Q: reCAPTCHA v3を設定するとフォームが重くなりますか?

A: いいえ、ほぼ重くなりません。reCAPTCHA v3はJavaScriptを外部から読み込む処理が追加されますが、ページ表示速度への影響は通常わずかです。実用上の体感差はほとんどありません。

フォームの実設置でよくある2つの事例

事例1(設置成功パターン):手順どおり進めてその日に開設

Webデザインを始めたばかりのフリーランスが、ポートフォリオサイトを立ち上げた当日にContact Form 7を導入したケースです。まずプラグインをインストールして有効化し、デフォルトフォームのショートコードをコピーしました。固定ページを新規作成してショートコードブロックに貼り付け、ページを公開したのちに自動返信メールの設定まで完了させています。reCAPTCHA v3もその日のうちに連携し、翌朝には最初の問い合わせが届いていたとのことです。

Contact Form 7を初めて設置したWebデザイナーは「初心者でも簡単にマスターでき、実務でも使える」と振り返っています(WordPressでContact Form 7を使ったお問い合わせフォーム作成)。

この事例から学べることは、手順を分割せず一気通貫で設置まで完了させることが、迷いと時間のロスを最小化するという点です。途中で作業を止めると、再開時に設定の途中状態が残り確認作業が増えます。自動返信やreCAPTCHAを後回しにした場合、フォームを放置している間にスパム送信の標的になるリスクがあります。

事例2(つまずきパターン):メールが届かず設置後に数日間気づかなかった

Contact Form 7を設置してフォームの表示を確認したものの、送信テストをしないまま公開し続けたケースです。数日後に知人から「問い合わせしたのに返信がない」と連絡を受けて、初めてメールが届いていないことに気づきました。原因はWordPressのデフォルトメール送信がレンタルサーバーにブロックされていたことで、WP Mail SMTPを導入して解決しています。

Contact Form 7の設置手順を確認したユーザーからは「固定ページを作成してお問い合わせフォームを入れる流れをデモ形式で解説しており、実際の操作を見ながら学べる」という声が上がっています(WordPressでお問合せフォームを作る手順のデモ解説)。

この事例から学べることは、フォームの「表示確認」と「動作確認」は別物だという点です。見た目が正常でもメール送信が失敗している状態は外観からは判断できないため、送信テストを公開前に必ず行うことが問い合わせ機会の損失を防ぎます。設置後すぐに送信テストを行えば、メール未達に即日気づけます。

CHECK

▶ 今すぐやること: フォームを公開している場合、今すぐテスト送信を実行して管理者メールに届くかを確認する(3分)

Q: 送信テストはどんなメールアドレスで行うべきですか?

A: 普段使っているメールアドレスとは別の、GmailやYahooメール等のフリーメールアドレスからテスト送信してください。同一アドレスからの自己送信は正常な送受信ルートを通らないケースがあるため、別アドレスからの送信が確実です。

お問い合わせフォーム設置完了後の3つの確認ポイント

設置が終わったら以下の3点を順番に確認してください。

第一に、フォームページをブラウザで開き、フォームが正しく表示されているか目視確認してください(ショートコードの文字列がそのまま表示されていないかを確認)。第二に、テスト用メールアドレスからフォームを送信し、管理者通知メールと自動返信メールの両方が届いていることを確認してください。第三に、スマートフォンのブラウザでフォームページを開き、入力欄の横幅・送信ボタンのタップ操作に問題がないことを確認してください。

この3点すべてが問題なければ、フリーランスの問い合わせ窓口として機能する状態です。1点でも問題がある場合は、該当するセクションに戻って設定を修正してください。

CHECK

▶ 今すぐやること: 上記3点の確認をこの順番で実行する(合計10分)

Q: 確認を3点すべて完了した後、次にやるべきことは何ですか?

A: Googleサーチコンソールにサイトマップを送信し、お問い合わせページがインデックスされているかを確認してください。その後、ヘッダーメニューとフッターにお問い合わせページへのリンクが設置されているかを確認してください。

まとめ:WordPressフォームは20分で設置完了

Contact Form 7を使えばWordPressのお問い合わせフォームは20分以内に設置でき、自動返信・スパム対策・フリーランス向け項目設計まで同日中に整えられます。「送信テストをしない」「スパム対策を後回しにする」という2つの落とし穴を避けるだけで、フォーム設置後のトラブルの大半を防ぐことができます。この記事の手順をそのまま上から実行すれば一通り完成します。

フリーランスの仕事依頼は、問い合わせフォームがなければその場で機会を失います。今日の20分の作業が、明日以降の依頼受付を自動化します。手順どおりに進めれば、コーディング経験がなくても当日中に仕事依頼の窓口を開設できます。まず「今日やるべき1つ」に戻り、Contact Form 7のインストールから始めてください。フォーム設置後はWordPressブログの始め方も参照しながら、サイト全体の仕事依頼動線を整えていくとより効果的です。

状況次の一歩所要時間
まだフォームを設置していないContact Form 7をインストールして有効化する3分
フォームは表示されているがメールが届かないWP Mail SMTPをインストールしてGmail SMTPを設定する15分
メールは届くがスパムが来ているGoogle reCAPTCHAでサイトキーを取得してContact Form 7と連携する10分
フォームはできたが仕事依頼が来ないヘッダー・フッター・外部プロフィールにフォームURLを設置する5分

WordPressお問い合わせフォームに関するよくある質問

Q: Contact Form 7以外でおすすめのフォームプラグインはありますか?

A: WPForms LiteとFluentFormsが国内でよく使われています。WPForms Liteはドラッグアンドドロップで項目を追加できるため、Contact Form 7よりも直感的に操作できます。高度な機能は有料プランに限定されているため、無料で使い続けるならContact Form 7の方が機能的な制約が少ないです。

Q: お問い合わせフォームのデータはどこに保存されますか?

A: Contact Form 7のデフォルト設定では、送信データはWordPressのデータベースには保存されません。メールで通知されるだけです。送信データを保存したい場合は、Contact Form 7の公式アドオン「Flamingo」をインストールすることで、送信履歴をWordPressの管理画面から確認できるようになります。

Q: フォームのデザインをテーマに合わせてカスタマイズするにはどうすればよいですか?

A: テーマのCSSファイル(または子テーマのstyle.css)にContact Form 7の各要素に対するスタイルを追加します。入力欄のクラス名は.wpcf7-text、テキストエリアは.wpcf7-textarea、送信ボタンは.wpcf7-submitです。これらにborder・padding・background-colorを指定することでテーマのデザインに合わせた見た目にできます。

【出典・参照元】

WordPressでお問い合わせフォームを作成する3つの方法

WordPressのお問い合わせフォームを作成する方法3選

20分でできる!WordPressブログお問い合わせフォームの作り方

WordPressにお問い合わせフォームを設置する方法

WordPressでお問い合わせフォームを設置する方法

Contact Form 7でお問い合わせページを作る

WordPressでContact Form 7を使ったお問い合わせフォーム作成

WordPressでお問合せフォームを作る手順のデモ解説

Google reCAPTCHA