【Contact Form 7の使い方】お問い合わせフォームを簡単設置【画像付きで解説】

ナヤミちゃん

【今回の悩み】
・お問い合わせフォームって必要なの？
・どうやって設置したらいいの？

そんな悩みを解決します！

はら

お問い合わせフォームがあると読者から応援メッセージが届いたり、質問が届くようになります。
ブログ運営者として、読者との繋がりを作る大切な窓口ですね。

今回は、プラグイン「Contact Form 7」を使ったお問い合わせフォームの設置方法を解説します。

本記事を読んでお問い合わせフォームが設置できると、読者との繋がりを作ったり、仕事の依頼を受注したりできるようになります。

【Contact Corm 7の使い方①】お問い合わせフォームとは？

お問い合わせフォームとは、読者からサイト運営者に問い合わせができる機能です。

例えば以下のような問い合わせが考えられます。

僕は、実際に前サイトで一人旅に関する相談を受けたことがあります。
サイトが育ってくると、広告掲載の依頼が来ることも増えてきました。

質問や感想に関しては、問い合わせフォームよりも記事のコメントでいただくことが多いですね。

また、当サイトからのライター業務の受注にも問い合わせフォームを使用しています。

【Contact Corm 7の使い方②】サイドバーに設置しよう

では、実際にお問い合わせフォームを設置していきましょう。
設置する箇所は、サイドバーとフッターメニューの2箇所です。

↓サイドバーには、このようなフォームを設置します。

①プラグインのインストール・有効化

まずは「プラグイン」→「新規追加」を選択します。

「contact form7」で検索し、インストールして有効化しましょう。

②お問い合わせフォームの新規追加

続いて、新規お問い合わせフォームを作成します。

「お問い合わせ」→「新規追加」を選択します。

タイトルに「お問い合わせフォーム」と入力し、保存しましょう。

フォームは特にこだわりがなければデフォルトでOK。

保存した後に表示されるコードを選択し、コピーしましょう。
このコードをウィジェットに貼り付けます。

③ウィジェットに追加

続いて、作成したフォームをウィジェットに追加します。

「外観」→「ウィジェット」を選択。

「テキスト」のウィジェットを選択し、「サイドバーウィジェット」に追加します。

先ほどコピーしたコードを貼り付けましょう。
タイトルには「お問い合わせフォーム」と入力します。

できたら保存しましょう。
これでサイドバーにお問い合わせフォームが表示されます。

【Contact Corm 7の使い方③】固定ページを作成しよう

続いて、固定ページで「お問い合わせページ」を作成します。
お問い合わせのページはフッターかヘッダーのメニューに表示させます。

①新規固定ページを作成

「固定ページ」→「新規追加」から固定ページを作成します。

本文はなんでもいいです。
僕は、このように書いています。

ウィジェットの時と同じようにお問い合わせフォームのコードを貼り付けましょう。
タイトルとパーマリンクも設定しておきます。

できたら公開しましょう。

固定ページを表示してみると、このような固定ページが出来上がっています。

②フッターメニューに設置

続いて、作成した固定ページをフッターメニューに設置していきます。

既にメニューを作っている人は、そこに追加するだけでOK。
フッターでなく、ヘッダーに設置してもいいです。

フッターメニューは、サイトの一番下に表示される帯の部分です。

まず、「外観」→「メニュー」を開きましょう。

「新しいメニューを作成しましょう」をクリックします。

メニュー名に「フッターメニュー」と入力し、「メニューを作成」をクリック。

左側に表示される「メニュー項目を追加」から、先ほど作った「お問い合わせ」ページを追加します。

右側に「お問い合わせページ」が表示されていればOK。
（他にプライバシーポリシーやサイトマップを追加してもいいですね。）

メニュー設定には「フッター用メニュー」と「スマートフォンフッター用メニュー」をチェックします。

ここまでできたら、メニューを保存をクリック。
フッターに表示されているか確認してみましょう。

Contact Form 7でお問い合わせフォームを設置しよう

はら

サイトが育ってくると、ビジネスの連絡も入るようになるかもしれません。
最初のうちに設定しておくと良いでしょう。