【最速】ブログの「お問い合わせ」ページを作る方法【Contact Form 7】

  • URLをコピーしました!
※本ページはプロモーションが含まれています
あや

こんにちは!あやです!

ケロ

僕はアシスタントのケロです!

当サイトは「元引きこもり専業主婦・あや」がブログをスタートしてから、

  • 月収50万円超え!
  • 日収6万円超え!
  • 月間最高79万PV

を達成したノウハウをご紹介しています。

今回は、ブログによくある「お問い合わせ」ページを設置する方法をご紹介していきます。

ブログを立ち上げたら、お問合せフォームは必ず設置しましょう。

もし自分が引用した画像や文章が著作権違反だった場合等、作者から削除要請がきたりします。

また読者からの意見もたまに来ますので、きちんとやりとりができるようにしておくためにも、必ず設置しておきましょう!

目次

【最速】ブログの「お問い合わせ」ページを作る方法【Contact Form 7】

さっそく「お問い合わせ」ページを設置する方法ですが、結論からいうと「プラグインの【Contact Form 7】をインストールするだけ」でOKです。

ケロ

本当にそれだけでいいの?

あや

そうだよ!あと簡単な設定があるけど、コピペすれば大丈夫だからね!

念の為ですが、お問い合わせページとは、下記のようなページのことです。

お問い合わせページ

このページを設置しておくことで、読者の方からブログへのご意見などをいただくことができますし、万が一間違った情報を掲載していた場合なんかも、ご指摘いただくことができます。

ブログは情報提供が主な役割ですが、どうしても一方通行になりがち。

ですので、「お問い合わせ」窓口は必ず設置しておきましょう。

ではさっそく作成していきましょう!

ワードプレスの左側のメニューから「プラグイン」へ進みます。

ワードプレスメニュー

ページ上部の「新規追加」をクリックして、プラグインの検索窓(左上)に【Contact Form 7】と打ち込んで検索します。

プラグイン検索画面

すると、下記の画面が出てきます。

プラグイン追加

上記のオレンジ枠で囲っている【Contact Form 7】が表示されているのがわかりますね?

ケロ

富士山のようなマークが目印だよ!

確認したら、「今すぐインストール」をクリックして、「有効化」します。(上記画面はすでにインストールして有効化してある状態ですので、少し表示が違うと思います)

あや

ワードプレスのプラグインは、インストールしたあとに「有効化」を押さないと反映されませんので、ご注意くださいね!

すると、ワードプレスの左側のメニューに「お問い合わせ」という項目が追加されます。

ワードプレスメニュー②
あや

追加されていなかったら、画面をリロード(更新)してみてくださいね。

「お問い合わせ」が表示されていることを確認したら、クリックしてみましょう。

すると、下記のような画面になります。

コンタクトフォーム新規作成

すでに「コンタクトフォーム1」というタイトルの項目があるかと思いますので、クリックです。

コンタクトフォームとは「お問い合わせ画面」を作成するところです。

あや

もし「コンタクトフォーム1」がないという方は、上部の「新規追加」をクリックしましょう。

すると、下記画面になります。

コンタクトフォームタブ

コンタクトフォームで設定する項目は、

  • フォーム
  • メール
  • メッセージ
  • その他の設定

この4つです。

あや

基本的に何もしなくてOKですが、何がなんだかわからない方のために、項目別で軽くご紹介しておきます!

まず「フォーム」の中には「氏名、メールアドレス、題名、メッセージ本文、送信」などと書かれていますが、これが実際に反映されると下記のようになります。

お問い合わせページ

次に「メール」の設定です。

お問い合わせページから送信されたメッセージを、どこで受信するかを設定します。

ワードプレスでブログを作成している方は、下記のような画面になるかと思います。

コンタクトフォーム「メール」

送信先は「メッセージを受信したい場所」です。

ワードプレスで設定しているメールアドレスそのままでOKな方は、こちらも触らなくてOKです。

もし、ほかのアドレスで受信したい場合は、上記画像の中の「送信先」のところへ指定のアドレスを入力します。

続いては「メッセージ」です。

コンタクトフォーム「メッセージ」

こちらも何も触らなくて大丈夫ですが、もし問い合わせが完了した時に表示されるメッセージ等で、変更したいところがある場合は書き換えてみてください。

最後に「その他の設定」です。

コンタクトフォーム「その他の設定」
あや

ここは私もよくわからないのでスルーです!笑(コードがわかる方はいじってみてください!)

以上で問い合わせページの9割が完成しました!

何か変更点があった方は、最後にページ下の「保存」を押すのを忘れないでくださいね!

最後に、問い合わせページを「固定ページ」として表示させます。

ケロ

固定ページって?

あや

直接ブログには関係ないけど、必要なページってあるよね!
例えば「問い合わせ」や「会社概要」「プロフィール」「プライバシーポリシー」なんかは「投稿」ではなく「固定ページ」で作るんだよ!

ケロ

なるほどね!

というわけで、仕上げは「固定ページ」から「公開」する方法です。

さきほど作ったコンタクトフォームを保存すると、下記のようなコードが出てきます。

コンタクトフォームのコード

こちらの緑で囲ったところが、そのコードです。

これをコピーして、固定ページに貼り付けて投稿するとOKです。

固定ページは、左側メニューの「固定ページ」から「新規追加」をクリックします。

固定ページの新規追加画面

そして、下記のように「お問い合わせ」などのタイトルをつけて、さきほどのコードをペーストします。

固定ページ下書き

ここまで完了したら、「公開」して終了です!

ケロ

特別な操作がないから、思ったより簡単だったね!

あや

そうだね!
あ!それからもうひとつ・・・

お問い合わせページを作ったあとの、大事なポイントを最後にご紹介します。

それは、「いつ問い合わせページからメールがきてもいいように、指定したアドレスはいつもチェックする」ことを忘れないようにしてくださいね。

たまに「問い合わせが来てたのに忘れてた!」という方がいらっしゃいますが、ブログを公開してビジネスを行う上では、レスポンスの早さも重要です。

どの仕事でも同じことが言えますが、オンラインビジネスでは特に気を配っていきましょうね!

ワードプレスの初期設定などは、WordPressの初期設定3つ!とりあえずこれだけやっとけばOK!でもご紹介していますので、あわせてチェックしてみてください。

当サイトでは、これからもブログに関する情報を発信していきますので、気になった方はぜひチェックしてみてください。

あや

ブログのメルマガも配信中です〜☆

ケロ

メルマガ登録するともれなく【あや式ブログ講座特典資料集】と【ブログ開設の手順書(動画付)】がセットでもらえるよ!

あや

メルマガの登録は無料ですので、今すぐチェックしてくださいね。

※登録者限定プレゼントの配布は予告なく終了することがございますので、お早めにお受け取りください。

ご登録するとメルマガ会員特別価格で少人数制スクールへご招待いたします。気になる方は今すぐチェック!

目次