ContactForm7の完全ガイド | お問い合わせフォームの作成方法を徹底解説！

あさみ

• 自分のブログに「お問い合わせフォーム」を設置したい
• WordPressで「お問い合わせフォーム」は作れますか？

そんなお悩みを解決します。

お問い合わせフォームを作るのは難しそう。

そんなイメージを持っていませんか？

実は、「Contact Form 7」というプラグイン（拡張機能）を活用することで、ブログ初心者でも簡単に作成することができます。

この記事では、お問い合わせフォームの作り方からブログに設置する方法まで分かりやすく解説します。

• この記事の内容

これから紹介する手順通りに進めると、ブログ初心者でも「30分程度」で終わります。

たけのん

それでは、解説を始めます。ぜひ最後まで見てください！

「Contact Form 7」とは？

「Contact Form 7」とは、ブログにお問い合わせフォームを追加することができるプラグイン（拡張機能）です。

ブログ初心者でも、短時間でお問い合わせフォームを作成することができます。

あさみ

そもそもお問い合わせフォームって必要なんですか？

結論、ブログを始めたら必ず設置してください。

なぜなら、お問い合わせフォームを設置するだけで

このようなメリットがあります。

ブログで収益化を目指すのであれば、お問い合わせフォームの設置は必須ですよ。

「Contact Form 7」を使用すると、以下のようなお問い合わせフォームを作ることができます。

お問い合わせフォーム

たけのん

それでは、お問い合わせフォームの作成方法を解説していきます！

お問い合わせフォームの作成方法

「Contact Form 7」を使用したお問い合わせフォームは、下記の4つのステップで作ることができます。

それぞれ画像付きで詳しく解説します。

「Contact Form 7」のインストール

①「新規プラグインを追加」を選択

まずは、ワードプレスの管理画面を表示します。

「プラグイン」から「新規プラグインを追加」を選択してください。

②「Contact Form 7」を検索

画面右上の検索ボックスに、「Contact Form 7」と入力して検索します。

③「Contact Form 7」をインストール

「Contact Form 7」が見つかったら、「今すぐインストール」をクリックします。

表示が「有効化」に変わったら、その「有効化」をクリックしてください。

たけのん

「Contact Form 7」の有効化が完了したら、次は「コンタクトフォームの新規追加」を行います。

コンタクトフォームの新規追加

①「新規追加」を選択

ワードプレス管理画面の、「お問い合わせ」から「新規追加」をクリックします。

②「タイトル」を入力して保存

この画面では、下記の手順で進めます。

保存が完了したら、画面上部に「コンタクトフォームが作成されました。」と表示されます。

③コードをコピー

オレンジの枠で囲われた部分は、お問い合わせフォームを固定ページで作成する工程で使用します。

メモ帳やExcelなどにコピーしておきましょう。

たけのん

次は、「自動返信メール機能の設定」について解説します。あせらず頑張りましょう！

自動返信メール機能の設定

「自動返信メール機能」の設定を行うことで、コンタクトフォームからお問い合わせがあった場合、メールが自動で返信されます。

それでは、1つずつ丁寧に解説を始めます。

①「コンタクトフォーム」を選択

ワードプレス管理画面の、「お問い合わせ」から「コンタクトフォーム」をクリックします。

②「編集」を選択

選択肢の中から、「コンタクトフォームの新規追加」で作成したコンタクトフォームを選び、「編集」をクリックします。

③「メール」を選択

コンタクトフォームの編集画面から、「メール」タブを選択します。

④必要事項を入力して保存

画面を下にスクロールして、下記の操作を順番に行います。

「題名」と「メッセージ本文」の内容が思いつかない方は、下記の例文を参考にしてください。

• 題名の例文

• メッセージ本文の例文

これで、自動返信メール機能の設定は完了です。

たけのん

お問い合わせフォームの作成は、次の工程で最後です。お問い合わせページを作っていきましょう！

お問い合わせフォームを「固定ページ」で作成

①「新規固定ページを追加」を選択

ワードプレス管理画面の、「固定ページ」から「新規固定ページ追加」をクリックします。

②ページタイトルを入力

タイトル欄にページタイトルを入力します。

自由に決めることができますが、分かりやすいように「お問い合わせ」と入力しましょう。

③メニューを表示

「＋」ボタンを選択後、「すべて表示」をクリックしてください。

以下のように、左側に「メニュー」が表示されます。

④「ショートコード」を選択

メニューの中から「ショートコード」をクリックします。

タイトルの下に、コードを入力するボックスが表示されればＯＫです。

⑤「ショートコード」を貼り付け

オレンジの枠で囲われた部分に、「コンタクトフォームの新規追加」でコピーしたコードを貼り付けてください。

最後に、「公開」をクリックしたらお問い合わせページの作成が完了です。

たけのん

次の章では、お問い合わせフォームが存在することをユーザーに知らせるために、「お問い合わせフォームの設置方法」を解説します。

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

作成したお問い合わせページのリンクを、ブログの任意の場所に設置することで、読者がお問い合わせフォームにアクセスできるようになります。

設置場所は、ブログの「メニュー」がおすすめです！

それでは、お問い合わせフォームの設置方法を順番に解説します。

①「メニュー」を選択

ワードプレス管理画面の、「外観」から「メニュー」をクリックします。

②メニューの表示場所を設定

この画面では、以下の手順で進めてください。

「メニューの作成」を選択したら、左側の「メニュー項目を追加」が操作できるようになります。

③メニューに表示する項目を設定

「お問い合わせ」にチェックして「メニューに追加」をクリックします。

最後に、「メニューを保存」をクリックします。

指定した位置に「お問い合わせ」と表示されていれば、お問い合わせフォームの設置は完了です。

たけのん

お問い合わせフォームは設置は終わりましたが、スパム対策として「reCAPTCHA」を設定しましょう！

迷惑メール対策：「reCAPTCHA」の設定方法

お問い合わせフォームの設置が完了したら、「reCAPTCHA」を設定します。

スパム対策を高度化することが可能なので、しっかり設定しましょう！

①「reCAPTCHA」の公式サイトにアクセス

⇒ 公式サイトはこちら

まずは、「reCAPTCHA」の公式サイトにアクセスして、上部にある「v3 Admin Console」をクリックします。

ログイン画面が表示されるので、ご自身の「Googleアカウント」でログインしましょう。

②「reCAPTCHA」の設定をする

以下の手順で進めてください。

送信が完了したら、「サイトキー」と「シークレットキー」が表示されます。

③2つの「キー」をコピー

表示された「サイトキー」と「シークレットキー」をコピーします。

のちほど使用するので、メモ帳やExcelに張り付けておきましょう。

④「インテグレーション」を選択

ワードプレス管理画面の、「お問い合わせ」から「インテグレーション」をクリックします。

⑤「インテグレーションのセットアップ」を選択

「reCAPTCHA」の「インテグレーションのセットアップ」をクリックします。

⑥コピーした2つの「キー」を貼り付ける

先ほどコピーした「サイトキー」と「シークレットキー」を貼り付けます。

最後に、「変更を保存」をクリックしたら、「reCAPCHA」の設定は完了です。

たけのん

reCAPTCHAの設定は定期的に見直しましょう！常に最新のスパム対策技術を取り入れることが重要です。

まとめ：お問い合わせフォームは必須！

「Contact Form 7」を使用したお問い合わせフォームの作成方法を解説しました。

• この記事の内容

お問い合わせフォームは、プラグインを使用することでブログ初心者でも比較的簡単に作成することができます。

ブログの収益化にも影響を与える可能性があるため、お問い合わせフォームの設置は必須です。

まだ作成できていない方は、今すぐ作成しましょう！

これからブログを始める方は、以下の記事が参考になります。

あわせて読みたい

WordPressブログの始め方！成功するための完全初心者ガイド

ブログを始めよう！

これからブログを始める方は、私も実際に使っている「レンタルサーバー」がおすすめです！

【国内最速No.1】高性能レンタルサーバーConoHa WING

たけのん

ブロガー / 会社員

島根県出身で、現在は東京で働いています。
平日は会社員、週末は副業ブロガーとして活動中です。

副業ブログで月1万円を稼ぐ方法をシェアしています。

初心者でも始めやすいアイデアや実体験を元にしたノウハウをお届けします！