プラグイン【Contact Form 7】を使ってお問い合わせフォームの設置♪

目安時間:約 7分
  • 人気ブログランキング

ここではプラグイン【Contact Form 7】を使ってお問い合わせフォームを設置する方法をご説明いたします。

【Contact Form 7】ってどんなプラグイン?

【Contact Form 7】とは、あなたのブログに手軽にお問い合わせフォームを設置することができるものです。

 

ブログにお問い合わせフォームを設置することで読者さんとの交流ができるようになります。

 

読者さんの求めている情報を知れたりすることもありますし、なによりも自分のブログの読者さんと交流をもつことは楽しいもんです。

 

【Contact Form 7】のインストール

まずはダッシュボード下の【プラグイン】 → 【新規追加】を順にクリックします。

 

 

次に画面右側の検索窓に【Contact Form 7】と入れると下のような富士山のイラストがでてきます。

 

これが【Contact Form 7】です!

 

【今すぐインストール】をクリックすると、【有効化】というボタンに切り替わりますのでこちらもクリックしておいてください。

 

 

【Contact Form 7】のインストールは以上で完了です。

 

【Contact Form 7】を使ってお問い合わせフォームの作成

それではお問い合わせフォームを作成していきましょう。

 

ダッシュボード下の【お問い合わせ】をクリックします。

 

次の画面で【新規追加】をクリックするとコンタクトフォームの追加画面に移動します。

 

フォーム

まずはタイトルを入力していきましょう。

 

このタイトルは読者に見えるものではなく、あなたがあとから見てわかりやすくするためのものなのでこだわりがなければ「コンタクトフォーム1」でもいいでしょう。

 

タイトルを入れたら一番下の【保存】をクリックしておいてください。

 

 

メール

次はメールの受け取り設定をしていきます。

 

赤枠の【メール】をクリックします。

 

 

送信先の欄にはお問い合わせメールを受け取りたいメールアドレスを入力するのですが、お問い合わせメールにはできるだけ早く返事をすることが望ましいです。

 

複数のアドレスがある場合はメールチェックをマメにするアドレスを選ぶようにしてください。

 

 

送信先メールアドレスの入力ができましたら、自動返信の設定をしていきます。

 

これを設定しておくと、お問い合わせメールを送信した直後に送信者へあらかじめ登録しておいたメッセージを届けることができます。

 

下の方にある【メール(2)を使用】にチェックを入れてください。

 

 

こういう画面が開きますので、【メッセージ本文】を変更していきます。

 

 

ちなみに私の場合はこのように変更してみました。

 

※[your-message]にはお問い合わせメールの送信者が送った問い合わせ内容が表示されます※

 

 

変更できましたら、一番下の【保存】をクリックしておいてください。

 

メッセージ・その他の設定

この項目はとりあえずはそのままで大丈夫です。

 

お問い合わせフォームの設置

それでは作成したお問い合わせフォームを固定ページに貼り付けていきましょう。

 

一番下で【保存】すれば赤枠のようなショートコードが表示されますので、これをコピーしておきます。

 

 

 

 

次は【固定ページ】 → 【新規追加】の順にクリックして固定ページの編集画面を開きます。

 

 

 

次の画面でタイトルと本文を入れていきます。

 

①のタイトルは「お問い合わせフォーム」としておきましょう。

 

②の本文には先ほどコピーしたショートコードを貼り付けます。

 

 

ちなみに参考までに私はこのように書いています。

 

 

ショートコードを貼り付けられたら③のプレビューをクリックしてちゃんと表示されるかを確認します。

 

お問い合わせフォームが表示されていれば④の公開をクリックして公開します。

 

 

次に作成したお問い合わせフォーム(固定ページ)をブログに設置していきます。

 

ダッシュボード下の【外観】 → 【ウィジェット】を順にクリックします。

 

 

開いた画面で左側にある【固定ページ】と書かれたものドラッグ&ドロップしてサイドバー等に貼り付けます。

 

タイトルを仮に「当ブログについて」として、右下の【保存】をクリックします。

 

これであなたのブログにもお問い合わせフォームが設置されました。

 

 

最後に

お疲れさまでした。

 

いかがだったでしょうか?

 

慣れない作業で大変だったかもしれませんが、一度お問い合わせフォームからあなた自身で問い合わせをしてみて正常に動いているかを確認しておいてくださいね。

あーくの無料メール講座

  • 人気ブログランキング

この記事に関連する記事一覧

コメントは9件です

  1. any より:

    あーくさん、こんにちは。
    anyです。

    先日はコメント承認&コメント返信ありがとうございます。

    【Contact Form 7】職場では使っていますよー
    といっても私は基本デザインばかりで最近全くWP使っていませんが、、、
    この辺は、私はまたやれば強いかも(自信?)
    【Contact Form 7】を使った時は感動しました。
    それまでphpを使って、細かく設定をやっていたのに、【Contact Form 7】は簡単にできてしまう。。。
    素晴らしいですね!
    php使うなんて、めんどくさいって思いましたー

    自分ブログは今、構想中ですが、私にしかできないものを考えています。
    私はデザイナーですが、デザインに関して1つずつエッセンスを書くことを想定しています。
    10月は本業が忙しく、でもクライアントさんのサイトデザインは手を抜かず、良いものでありながら、ちゃんと成果がでるように作っているのでくたびれました・・・
    これから頑張ります。
    色々書き込んでごめんなさい。

    また訪問させていただきます。
    応援ポチしていきますね。

    • あーく あーく より:

      anyさん
      いつもコメントありがとうございます。

      anyさんはデザイナーさんなんですね。
      本業もお忙しいと思いますがお互い頑張っていきましょー!
      ブログができたらぜひおしえてくださいね~( ̄▽ ̄)

  2. こんばんは!
    とてもわかりやすくて、すぐ設定できました。
    貴重な情報ありがとうございました。

  3. hiro より:

    あーくさん、こんばんは^^
    ブログに問い合わせフォームは必要ですよね!
    記事、画像付きで、
    とても解りやすかったです⤴
    是非、参考にさせて頂きます
    応援ポチして帰ります!

  4. ごんたママ より:

    あーくさん、こんばんは!
    「Contact Form 7」は、問い合わせフォームの設置ができるものですね。
    説明通りやれば完了できました。
    すごくわかりやすい説明で助かりました!
    いつもありがとうございます。

    • あーく あーく より:

      ごんたママさん
      いつもありがとうございます。

      お問い合わせフォームのないブログってなんかさみしいですよね。
      読者さんとどんどん繋がっていきましょーね。

  5. 島本亜紀 より:

    初めまして
    ランキングから来ました。
    あおちゃんと申します。
    画像があって、説明も分かりやしので
    見ながら設定できました!
    ありがとうございます
    応援しますね!

    • あーく あーく より:

      あおちゃんさん
      コメントありがとうございます。

      分かりやすいようにできるだけ画像を多く使うようにしてます!
      ぜひ他のプラグインにもチャレンジしてみてくださいね。

コメントフォーム

名前

メールアドレス

URL

コメント

トラックバックURL: 
管理人の【あーく】です
このブログについて

訪問ありがとうございます。

ここでは【副業アフィリエイトのはじめの一歩】をお手伝いするために役立つ情報をどんどん発信していきます(^^)v

私の詳しいプロフィールはコチラへ♪

やってみたいけど私にもできるか不安・・

できなかったら恥ずかしい・・

どうしても一歩を踏み出せないというあなたはあーく宛てにメッセージをください。

ぜひ私と一緒にやってみましょう♪

あーくの無料メール講座
検索
カテゴリー
当ブログについて
あーく愛用サーバー( *´艸`)
スポンサードリンク

ページの先頭へ