せいかつ ブログ

【WordPress】ブログ「お問い合わせフォーム」の作り方

この記事は約6分で読めます。

こんにちは、まちゃりさです。

ブログの「お問合わせフォーム」はもう設置しましたか?

「お問合わせフォーム」は、Googleアドセンスの審査に通りやすくするためにも、ぜひ設定しておきたい窓口です。

私は実際に、この「お問い合わせフォーム」を設定したことで審査に通過できました。

作り方は、簡単です。『Contact Form 7』というプラグインを使います。

今回は、以下の内容について解説します。

  • 「お問い合わせフォーム」を設置すべき理由
  • プラグイン『Contact Form 7』を使った設置手順

手順内で使用している画像のうち、内容が細かいものはクリックで拡大できるよう設定しています。

見えづらい場合は、適宜拡大表示してください。

それでは、どうぞ!

お問い合わせフォームを設置するとよい理由

最初に「お問い合わせフォーム」を設置するとよい理由を紹介しておきます。

設定するメリットは次の通りです。

  1. 読者からの信頼性の向上
  2. Googleアドセンスに受かりやすい
  3. 仕事の依頼がもらえることがある
  4. 問い合わせに対し、自動返信してくれる

一番の理由は、読者からの信頼性を上げることです。

読者は、「何かあっても運営者と連絡が取れる」と思うので、安心してブログを見ることができます。

Googleアドセンスに受かりやすいというのは、冒頭でご紹介した通り。

私の実体験からいっても、ブログ運営上は、設置しておいた方がよいといえます。

他にも仕事の依頼がもらえるなどのメリットもあるので、設定しておくとよいです。

 

【図解】プラグイン『Contact Form 7』の設定手順

それでは、実際に「お問い合わせフォーム」を設置していきます。

『Contact Form 7』というプラグインを使えば、簡単に作成できます。

『Contact Form 7』を使って、「お問い合わせフォーム」を作成する手順
  • STEP1
    『Contact Form 7』のインストール/有効化

  • STEP2
    『Contact Form 7』のコンタクトフォーム新規追加
  • STEP3
    『Contact Form 7』の設定
  • STEP4
    ショートコード発行
  • STEP5
    「お問い合わせフォーム」表示設定

  • STEP6
    「お問い合わせフォーム」表示確認
まちゃりさ
まちゃりさ

設定にかかる時間は、全部で20分ほど!

最後まで、一緒に頑張りましょう!

 

『Contact Form 7』のインストール/有効化

最初にプラグインをインストールします。

①ワードプレス管理画面から[プラグイン]→[新規追加]をクリック

②「Contact Form 7」と入力

③インストールし、有効化する

プラグインをインストール

『Contact Form 7』のコンタクトフォーム新規追加

『Contact Form 7』が有効化されると左のサイドバーに「お問い合わせ」メニューが追加されます。

これをクリックし、「新規追加」をクリック

「新規追加」をクリック

『Contact Form 7』の設定

「タイトル」を入力。(※人から見えないタイトルなので、適当でOKです)

「タイトル」は適当でOKです

「フォーム」タブの内容は、特に変更せずで大丈夫です。

ちなみに、見栄えはデフォルトのままで、このような感じになります。

フォームタブの設定と問い合わせ画面の表示

 

次に「メール」タブを設定します。

「メール」タブに移動する

ここでは、①問い合わせ内容の連絡メールと②問い合わせ者への自動メールの設定ができます。

①問い合わせ内容の連絡メールは、問い合わせフォームから問い合わせが送信された際、ブログ運営者が受信するメールです。

②問い合わせ者への自動メールは、問い合わせメール送信後に、問い合わせ者が自動受信するメールです。

  • ①問い合わせ内容の連絡メール
    「メール」タブの上部で設定します。

    特に変更しなくても問題ないですが、「題名」問い合わせがあったことがわかるように設定しておくのがおすすめ。
「件名」は問い合わせがあったことがわかるように設定しておく

私の設定例:サイトからお問い合わせがありました。[_site_title]/件名 “[your-subject]”

実際のメールでは、このように受信します。

実際受信するメールの例
  • ②問い合わせ者への自動メールの設定
    「メール」タグの下部で設定します。

    「メール(2)を使用」にチェックを入れると入力項目が出現します。
「メール(2)を使用」にチェックを入れる

 

特に変更しなくても問題ないですが、「件名」の頭に問い合わせ者の名前を入れてあげると親切です。

私の設定例:[your-name]様

実際、問い合わせ者に自動送信されるメールでは、このように表示されます。

問い合わせ者が受信するメールの例

最後に「保存」をクリック。

まちゃりさ
まちゃりさ

設定の50%が完了しました!あと少し頑張りましょう!

 

ショートコード発行

「保存」をクリックすると、上部に「ショートコード」が発行されます。

こちらは、次手順で使用します。コピーしてメモ帳などに控えておいてください。

上部の「ショートコード」をコピーする

 

ブログ内「お問い合わせフォーム」表示設定

次に、ブログ内にお問い合わせフォームを設定します。

WordPress左のサイドバーより「固定ページ」の「新規追加」をクリック。

「固定ページ」の「新規追加」をクリック

 

次に、タイトルに「お問い合わせ」と入力し、本文にコピーしたショートコードを貼りつけます

①ショートコードの上に、前置きがあれば書くことも可能です。

②URLスラッグは、「contactform」などにしておきましょう。

他、設定しておくと便利な項目

 

ブログ内「お問い合わせフォーム」表示確認

設定した問い合わせ画面のイメージは、こんな感じになります。

問い合わせ画面のイメージ

→当ブログでの実際の画面は、お問い合わせ画面から確認できます。

「お問い合わせ」リンクは、画面上部のメニューに表示しています。

当ブログでは、画面上部のメニューに表示

 

それと、表示の確認ができた後は、設定したメールアドレスにメールが届くかをテストしておくのがおすすめです。

私は送信先のメールアドレスにGmailを指定していましたが、テスト時にメールが届きませんでした。

同じ事象が出た場合は、「【Contact Form7】問い合わせメールが届かないときの対処法」を参考に設定してください。

まちゃりさ
まちゃりさ

設定完了!お疲れ様でした!

 

まとめ:問い合わせフォーム設置はプラグインで解決!

いかがでしたか?

無事に「問い合わせフォーム」は設置できましたか?

「問い合わせフォーム」は『Contact Form 7』を使用すれば簡単に設置ができるので便利です。

当ブログでも問い合わせフォームを設置しています。

記事の内容で疑問点などがあれば、ぜひご使用ください。

 

それでは、今回はこの辺で終わります。

最後までお読みいただきありがとうございました!

おわり。

コメント

タイトルとURLをコピーしました