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

あや

こんにちは!
【女子ブログ部】運営者のあやです!

ケロ

僕はアシスタントのケロだよ

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

目次

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

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

ケロ

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

あや

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

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

お問い合わせページ

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

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

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

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

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

ワードプレスメニュー

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

プラグイン検索画面

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

プラグイン追加

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

ケロ

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

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

あや

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

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

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

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

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

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

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

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

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

あや

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

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

コンタクトフォームタブ

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

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

この4つです。

あや

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

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

お問い合わせページ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ケロ

固定ページって?

あや

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

ケロ

なるほどね!

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

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

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

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

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

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

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

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

固定ページ下書き

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

ケロ

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

あや

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

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

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

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

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

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

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

何かご質問がございましたら、こちらまでどうぞ!

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
目次
閉じる