WordPressのお問い合わせフォームはContact Form 7で20分以内に設置できます。プラグイン導入からショートコードの固定ページ設置、自動返信メール設定まで一連の流れをこの記事で解説します。
目次
この記事でわかること
Contact Form 7を使って20分以内にフォームを設置する具体的な手順がわかります。自動返信メールとreCAPTCHA v3によるスパム対策を無料で設定する方法がわかります。フリーランスの仕事依頼に特化した5項目のフォーム設計と導線の整え方がわかります。
この記事の結論
Contact Form 7をインストールし、フォームのショートコードを固定ページに貼り付けるだけで、フリーランスの仕事依頼窓口は20分で完成します。自動返信メールとスパム対策を同日中に設定すれば、プロとして信頼される問い合わせ導線が整います。手順を順番に進めれば、WordPress初心者でも迷わず完了できます。
今日やるべき1つ
Contact Form 7をWordPressにインストールして有効化してください(所要時間:3分)。インストール後、管理画面の「お問い合わせ」メニューが表示されることを確認してください。
Contact Form 7は世界中で500万以上のサイトに導入されているWordPress公式ディレクトリ掲載のプラグインで、無料で使い続けられます。インストールから設置まで20分以内に完了できるため、コーディング経験のないフリーランスでも当日中に問い合わせ窓口を開設できます。フリーランスの個人サイトであれば、Contact Form 7の機能で業務上の問い合わせ受付に必要な要件はほぼ満たせます(WordPressでお問い合わせフォームを作成する3つの方法)。
WordPress管理画面の左メニューから「プラグイン」→「新規プラグインを追加」を開きます。検索欄に「Contact Form 7」と入力し、Takayuki Miyoshiが開発者として表示されているプラグインの「今すぐインストール」をクリックします。インストール完了後に「有効化」ボタンを押すと、左メニューに「お問い合わせ」という項目が追加されます。この項目が表示されれば有効化は成功です(所要時間:3分)。
ステップ2:フォームの確認と項目編集
「お問い合わせ」→「フォーム一覧」を開くと、デフォルトで「コンタクトフォーム 1」が作成されています。この初期フォームには、お名前・メールアドレス・件名・メッセージ本文・送信ボタンが含まれており、多くのフリーランスサイトではこのまま利用できます。項目を変更したい場合は、フォーム名をクリックして編集画面に入り、タグ生成ボタンを使って新しい入力欄を追加できます(Contact Form 7でお問い合わせページを作る)。
ページを公開したら、必ずご自身で送信テストを行ってください。テスト用のメールアドレスを使ってフォームから送信し、管理者のメールアドレスに通知が届いているかを確認します。届かない場合はContact Form 7の設定画面で送信先メールアドレスを確認するか、WordPressのメール送信設定(WP Mail SMTPプラグインの活用)を検討してください(20分でできる!WordPressブログお問い合わせフォームの作り方)。
CHECK
▶ 今すぐやること: Contact Form 7をインストールして有効化し、デフォルトフォームのショートコードをコピーする(5分)
Contact Form 7では3つの項目を入力するだけで、送信者への確認メールを自動化できます。設定箇所は「メール」タブに集約されており、順番に入力するだけで完了します。
管理者通知メールの設定場所
Contact Form 7の編集画面には「メール」タブがあります。このタブを開くと、問い合わせが届いたときに管理者(自分)に届くメールの設定が表示されています。「送信先」欄に自分が受け取りたいメールアドレスを入力してください。デフォルトでは[_site_admin_email]というWordPressの管理者メールアドレスが使われているため、別のアドレスで受け取りたい場合は直接入力してください(WordPressにお問い合わせフォームを設置する方法)。
設定を保存したら、自分とは別のメールアドレス(GmailとYahooメールで交互にテストするのが確実です)からフォームに送信し、その両方のアドレスにメールが届いているかを確認します。管理者通知と自動返信の両方を確認してください。メールが届かない場合の主な原因の一つは、WordPressのメール送信機能(PHPMailer)がレンタルサーバーの設定によってブロックされているケースです。この場合は「WP Mail SMTP」プラグインをインストールし、Gmailなどの外部SMTPサーバーを経由してメールを送信する設定に切り替えると解決できます。フリーランスとして仕事を受注する際の問い合わせフォームからクライアントへの返信メールの書き方も合わせて確認しておくと、依頼への対応がスムーズになります。
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のデータベースに保存されるため、スパム判定されたメッセージの確認も可能になります。著作権侵害の損害賠償リスクと同様に、セキュリティ上の対策を怠ると後から大きなコストが発生することがあるため、早期対応が重要です。
【手順】: レンタルサーバーの管理画面で自ドメインのメールアドレス(例:info@自分のドメイン.com)を作成し(5分)、Contact Form 7の「メール(2)」タブの差出人欄を「屋号名 〈info@自分のドメイン.com〉」に変更して保存し(2分)、テスト送信を行って自動返信メールの差出人が意図したアドレスで届くかを確認してください(3分)。
【手順】: 管理画面から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分)。
Webデザインを始めたばかりのフリーランスが、ポートフォリオサイトを立ち上げた当日にContact Form 7を導入したケースです。まずプラグインをインストールして有効化し、デフォルトフォームのショートコードをコピーしました。固定ページを新規作成してショートコードブロックに貼り付け、ページを公開したのちに自動返信メールの設定まで完了させています。reCAPTCHA v3もその日のうちに連携し、翌朝には最初の問い合わせが届いていたとのことです。
Contact Form 7を設置してフォームの表示を確認したものの、送信テストをしないまま公開し続けたケースです。数日後に知人から「問い合わせしたのに返信がない」と連絡を受けて、初めてメールが届いていないことに気づきました。原因はWordPressのデフォルトメール送信がレンタルサーバーにブロックされていたことで、WP Mail SMTPを導入して解決しています。
Contact Form 7の設置手順を確認したユーザーからは「固定ページを作成してお問い合わせフォームを入れる流れをデモ形式で解説しており、実際の操作を見ながら学べる」という声が上がっています(WordPressでお問合せフォームを作る手順のデモ解説)。
Contact Form 7を使えばWordPressのお問い合わせフォームは20分以内に設置でき、自動返信・スパム対策・フリーランス向け項目設計まで同日中に整えられます。「送信テストをしない」「スパム対策を後回しにする」という2つの落とし穴を避けるだけで、フォーム設置後のトラブルの大半を防ぐことができます。この記事の手順をそのまま上から実行すれば一通り完成します。
フリーランスの仕事依頼は、問い合わせフォームがなければその場で機会を失います。今日の20分の作業が、明日以降の依頼受付を自動化します。手順どおりに進めれば、コーディング経験がなくても当日中に仕事依頼の窓口を開設できます。まず「今日やるべき1つ」に戻り、Contact Form 7のインストールから始めてください。フォーム設置後はWordPressブログの始め方も参照しながら、サイト全体の仕事依頼動線を整えていくとより効果的です。
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を指定することでテーマのデザインに合わせた見た目にできます。