介護の仕事をしながらブログを運営している"ブロガーお助け屋”

”ブロガーお助け屋”ってなに?

Contact Form 7とは?使い方や設定方法をまるっと解説するよ!

 
この記事を書いている人 - WRITER -
青木なおと
プロ野球のブログを書いていくうちにSEO関連に興味を持ち猛勉強しています。今、ブログ集客に悩んでる方の少しでも参考になるブログを目指してのんびり更新しています。
詳しいプロフィールはこちら

wordpressからの集客を行うときは「お問い合わせ」ページが必要になりますよね?

 

この【Contact Form 7】というプラグインをインストールして設定を行えばパッとお問い合わせページを作成することができます。

 

他の方法でお問い合わせページを作成するのはプログラミングの専門知識が必要になります。

 

  • お問い合わせフォーム
  • アンケートフォーム

 

といったページを作成したいけど、初心者で作るのが大変と困っている方には必要なプラグインです。ここではContact Form 7の基本的な設定を説明していきます。

 

 

Contact Form 7をインストールする

 

まずは自分のワードプレスブログに「ログイン」をしていただき「ダッシュボード」から「プラグイン」を選択します。

 

「新規追加」をクリックしたら検索欄があるので「Contact Form 7」と入力してください(この文章をコピペでもOK)

 

 

そうすると、↑の画像のようなプラグインがありますので「インストール」「有効化」をクリックしてください。

 

これでインストールは完了です。次は設定を行っていきましょう!

 

Contact Form 7の設定方法

 

【Contact Form 7】がインストールされますと、「ダッシュボード画面」「お問い合わせ」というメールの欄が追加されていると思います。

 

ここにカーソルを持っていくとするとさらに欄が出てくるので「新規追加」をクリックしてください。

 

 

そうするとこのような画面が出てくると思います。

 

 

 

 「お問い合わせ」と入力

2 題名とのその下コードは削除する

 

 

  • 名前
  • メールアドレス
  • メッセージ本文
  • 送信

 

フォーム内にはこの4つが入っていれば大丈夫です。

 

ポイント!!

お問い合わせしてもらいやすくするよう必要最低限の項目だけ設置しましょう!

 

これでフォームは設定を完了です。次にお問い合わせがきたらあなたのメールアドレスにメールが届くようにする設定をおこなっていきます。

 

ちゃんとメールが自分のアドレスに届く設定

 

「フォーム」の隣にある「メール」をクリックします。

 

 

この画面に切り替わるので以下の点を確認して設定してください。

 

 送信元は自分のメールアドレスになっいるか?

 題名は「お問い合わせ」があったことがわかれば何でも構いません

 「メッセージ本文」内にある「題名【your-subjevt】は削除してください。

 

設定が完了しましたら、画面を下に動かしてください。そうすると「メール(2)」というのが出てきますので次はこちらを設定していきます。

 

自動返信メール

 

この「メール(2)」というのはお問い合わせをされた時に問合せ者(あいて)にちゃんとメールが送信されたことをお知らせする設定になります。

 

 

黒く囲ってある部分に以下の通りに変更すると受け手側にも伝わりやすいです。

 

  • 題名➡【ブログからお問い合わせがありました】など
  • メッセージ本文はコピペできるようにしておきましたので↓を見てください。

 

といった感じに入力してもらえれば大丈夫です。

 

  • 会社の住所
  • 担当者名

 

会社で使用している場合はこの2つをを載せてくださいね!

 

[/aside]

 

そうしたら「保存」をしてください!あとはこれを「固定ページ」に貼っていきますね!

 

Contact Form 7設置をしていく

 

「保存」が完了すると画面の上の方に「ショートコード」が表示されると思います。

 

 

これをコピーしたら「固定ページ」をから「新規追加」をクリックします。

 

 

  • タイトルは「問い合わせ」とわかる書き方
  • 投稿部分に先ほどのショートコードを挿入

 

投稿画面が出てくるので、してみてください。一度「下書き保存」をし確認してみると

 

 

このようになっていると思います。入力ミスなどがなければ設定が完了されているの「投稿」をクリックしてください!これで設定は完了です!お疲れさまでした!

 

意外と忘れそうな作業

固定ページに投稿がされてもブログの中にはまだ表示されてないので、必ずメニューバーに表示させてくださいね!

 

Contact Form 7を設定して簡単にお問い合わせページを作ろう!

 

これで設定方法は以上になります。このとおり行うだけで初心者でも簡単にお問い合わせフォームや採用フォームを作成することできます。

 

Contact Form 7はCSSを編集することで自由度が高いお問い合わせページなども作ることが可能です。その場合はプログラミングの知識が必要になります。

 

サイト運営にしろブログ運営にしろ「お問い合わせページ」の作成は必要なのでぜひこのプラグインを活用していきましょう。

 

最後にこの記事をざっくりとまとめていきます。

 

 Contact Form 7はお問い合わせフォームや採用フォームを作成するのに便利
 初心者でも簡単に作成ができる
 ページの作成は固定ページを使用する

 

ここまで読んでいただきありがとうございました!

 

↓ブログ運営に役立つプラグインを紹介中↓

>>【wordPress・プラグイン】ブログ運営に役立つおすすめの16選!<<

この記事を書いている人 - WRITER -
青木なおと
プロ野球のブログを書いていくうちにSEO関連に興味を持ち猛勉強しています。今、ブログ集客に悩んでる方の少しでも参考になるブログを目指してのんびり更新しています。
詳しいプロフィールはこちら

- Comments -

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


Copyright© 青木なおとのブログ , 2018 All Rights Reserved.