MENU
やぬさんぼんちゃん
14歳差夫婦ブロガー
「書こう 未来のために」をコンセプトに、家族の時間を増やしたい方へブログノウハウを発信中。目標は1億円稼ぐこと(大真面目)。

【読者の信頼性アップに必要】ブログのお問い合わせフォームの作り方

「お問い合わせフォームの作り方がわからない」

と困っていませんか?

たしかに、私たちも「ブログ初心者の私に、お問い合わせフォームなんて作れるわけがない」と思っていました。

でも実は、「プラグイン」を使えばサイトのお問い合わせフォームは簡単に作れちゃうんです。

そこで今回は、以下の内容についてわかりやすく解説します。

お問い合わせフォームを設置して、多くの読者が安心して利用できるサイトを作りましょう。

この記事を書いた人

やぬさん
(夫)
  • 夫婦ブロガー / Webライター
  • 2021年1月に副業ブログを開設し、2022年3月に脱サラ
  • サボり癖はあるが、〆切や約束の時間はぜったい守る
  • にほんブログ村 ブログ村建国18周年記念イベント 入賞
もくじ

ブログサイトにお問い合わせフォームを設置するメリット

ブログを開設したら、忘れずにお問い合わせフォームを設置しましょう。

実は、お問い合わせフォームの設置は、サイトの利用者だけでなく私たち運営者側にもメリットがあるんです。

やぬさん

記事を書く前に必ず設置しましょう。

サイトの窓口ができる

お問い合わせフォームを設置することで、サイトの窓口ができあがります。

これによって読者があなたと直接コンタクトを取れるようになるので、サイトに対する信頼性の向上が期待できますよね。

また、万が一トラブルが発生した場合にも、サイトの運営者と連絡がつかないといったリスクの回避にもつながります。

やぬさん

どちらか一方ではなく、双方にメリットがあるんですね

プライバシーが守られる

お問い合わせフォームの設置によって、サイト運営者であるあなたのプライバシーも守られることになります。

たとえば読者との連絡手段ができるので、サイトにメールアドレスを掲載しなくてよくなりますよね。

これによって、スパムメール(※)などに悩まされるケースも軽減するでしょう。

  • メール受信者の意向に関係なく、一方的に送信されるメールのこと
  • 「迷惑メール」とも呼ばれる
やぬさん

お問い合わせフォームに有効なスパム対策は、後述します

収益化のチャンスが生まれる

お問い合わせフォームの設置から、ブログ収益化のチャンスが生まれることも期待できます。

あなたのサイトが企業の目に止まると、お問い合わせフォームを通じて企業から以下のようなオファーが届くケースがあります。

  • 広告掲載の依頼
  • 自社商品のレビュー記事の依頼
  • インタビューなどメディア取材の依頼

このような企業からのオファーは、双方の連絡手段があることではじめて成立します。

ブログで収益化を目指したいなら、このようなチャンスは絶対逃さないようにしなければいけませんね。

やぬさん

以前、私たちも企業からオファーをいただきました

お問い合わせフォームの作り方【Contact Form 7】

Contact Form 7のトップ画像
出典:Contact Form 7

WordPressブログにおいて、お問い合わせフォームには2つの作り方があります。

ここでは、初心者でも簡単な「Contact Form 7」というプラグインを使ったお問い合わせフォームの作り方を解説します。

やぬさん

全体の流れは、以下のとおりです。

「Contact Form 7」をインストール

まずは、WordPressのプラグイン「Contact Form 7」をインストールします。

「Contact Form 7」をすでにインストール済みの場合は【手順2】次に進みましょう。

STEP
WordPressの管理画面を開きます
WordPressの管理画面を開く
STEP
「プラグイン」をクリックします
「プラグイン」をクリック
STEP
「新規追加」をクリックします
「新規追加」をクリック
STEP
検索窓に「Contact Form 7」と入力します
検索窓に「Contact Form 7」と入力
STEP
「今すぐインストール」をクリックします
「今すぐインストール」をクリック
STEP
「有効化」をクリックします
「有効化」をクリック

お問い合わせフォームの作成

つづいて、お問い合わせフォームを作成しましょう。

STEP
WordPressの管理画面を開きます
WordPressの管理画面を開く
STEP
「お問い合わせ」をクリックします
「お問い合わせ」をクリック
STEP
「新規追加」をクリックします
「新規追加」をクリック
STEP
「コンタクトフォームを追加」に〈お問い合わせフォーム〉と入力します
「コンタクトフォームを追加」に〈お問い合わせフォーム〉と入力
STEP
「保存」をクリックします
「保存」をクリック

タブの設定

タブの設定

ここでは、画面中央にある4つのタブを順番に設定しましょう。

❶フォーム

「フォーム」の設定

「フォーム」では、サイト利用者が入力する項目を設定できます。

「フォーム」の各項目は、基本的に変更する必要はありません。

項目は変更なし
基本的には変更不要

項目を変更する際は、変更したあとに「保存」をクリックしましょう。

項目を変更した場合
項目を変更した場合

ちなみに、私たちは以下のように項目を変更しています。

  • 氏名(必須)
  • メールアドレス(必須)
  • 題名(必須)
  • メッセージ本文(必須)
やぬさん

これは絶対じゃないのであくまで参考程度に。

❷メール

メールの設定

「メール」では、問い合わせがあった際に、あなた(運営者)やユーザー(読者)に届くメールを設定できます。

あなた(運営者)に届くメールの設定

問い合わせがあった際、あなた(運営者)に届くメールの内容を設定しましょう。

あなた(運営者)に届くメールの各項目は、基本的に変更する必要はありません。

あなたに届くメールの設定
項目変更の有無
送信元
変更なし
送信元
変更なし
題名
変更なし
追加ヘッダー
変更なし
メッセージ本文
変更なし
ファイル添付
変更なし

ユーザー(読者)に届くメールの設定

次に、ユーザー(読者)が問い合わせた際に届く「確認メール」の内容を設定します。

ユーザー(読者)がわかりやすいように「メールの題名」を変更しましょう。

STEP
「メール(2)を使用」にチェックを入れます
「メール(2)を使用」にチェック
STEP
「メール(2)」の各項目が開きます
「メール(2)」の各項目が開く
STEP
題名に以下のテンプレをペーストします

[_site_title] お問い合わせ内容を受け付けました

題名にテンプレをペースト
STEP
「保存」をクリックします
「保存」をクリック
項目変更の有無
送信元
変更なし
送信元
変更なし
題名
変更あり
追加ヘッダー
変更なし
メッセージ本文
変更なし
ファイル添付
変更なし
やぬさん

ユーザー(読者)に安心を届けましょう!

❸メッセージ

メッセージの設定

「メッセージ」では、ユーザー(読者)から問い合わせがあった際に表示されるメッセージの内容を設定できます。

「メッセージ」にはたくさんの項目がありますが、基本的に変更しなくてOKです。

ちなみに、私たちは「メッセージが正常に送信された」だけ以下の文章に変更しています。

お問い合わせありがとうございます。メッセージは正常に送信されました。

STEP
「メッセージが正常に送信された」にテンプレをペーストします
「メッセージが正常に送信された」にテンプレをペースト
STEP
「保存」をクリックします
「保存」をクリック

❹その他の設定

その他の設定

「その他の設定」では、カスタマイズ用のコードを追加できます。

「その他の設定」は、空欄のままでOKです。

その他の設定は空欄でOK
やぬさん

これでタブの設定は完了です!

固定ページに追加

次に、お問い合わせフォームを「固定ページ」に追加します。

STEP
WordPressの管理画面を開きます
WordPressの管理画面を開く
STEP
「お問い合わせ」をクリックします
「お問い合わせ」をクリック
STEP
「コンタクトフォーム」をクリックします
「コンタクトフォーム」をクリック
STEP
作成したお問い合わせフォームの「ショートコード」をコピーします
「ショートコード」をコピー
STEP
「固定ページ」をもう一度クリックします
「固定ページ」をクリック
STEP
「新規追加」をクリックします
「新規追加」をクリック
STEP
タイトルに「お問い合わせフォーム」と入力します
「お問い合わせフォーム」と入力
STEP
「+」をクリックします
「+」をクリック
STEP
検索窓に「ショートコード」と入力します
検索窓に「ショートコード」と入力
STEP
「ショートコード」をクリックします
「ショートコード」をクリック
STEP
先ほどコピーした「ショートコード」をペーストします
先ほどコピーした「ショートコード」をペースト
STEP
「公開」をクリックします
「公開」をクリック
やぬさん

次で最後です!

確認

最後に、お問い合わせフォームがちゃんと設定できているかを確認しましょう。

STEP
WordPressの管理画面を開きます
WordPressの管理画面を開く
STEP
「固定ページ」をクリックします
「固定ページ」をクリック
STEP
「固定ページ一覧」をクリックします
「固定ページ一覧」をクリック
STEP
「お問い合わせフォーム」の〈表示〉をクリックします
〈表示〉をクリック
STEP
お問い合わせフォームが正しく表示されればOKです
お問い合わせフォームの表示
やぬさん

ためしに自分で問い合わせてみてもいいかもしれません

お問い合わせフォームをヘッダーに設置する方法

お問い合わせフォームは、サイト利用者が見つけやすい場所に設置しましょう。

私たちは、サイトのヘッダーとフッターに設置しています。

ヘッダーに設置した場合

お問い合わせフォームをヘッダーに設置した場合

フッターに設置した場合

お問い合わせフォームをフッターに設置した場合
やぬさん

ここでは「ヘッダー」に設置する方法を解説します!

STEP
WordPressの管理画面を開きます
WordPressの管理画面を開く
STEP
「外観」をクリックします
「外観」をクリック
STEP
「メニュー」をクリックします
「メニュー」をクリック
STEP
「新しいメニューを作成しましょう」をクリックします
「新しいメニューを作成しましょう」をクリック
STEP
「メニュー名」に〈ヘッダーメニュー〉と入力します
〈ヘッダーメニュー〉と入力
STEP
「グローバルナビ(現在の設定:ヘッダーメニュー)」にチェックを入れます
「グローバルナビ(現在の設定:ヘッダーメニュー)」にチェック

使っているWordPressテーマによって「グローバルナビ(現在の設定:ヘッダーメニュー)」の表記が異なるので注意してくださいね。

やぬさん

私たちが使っているWordPressテーマは「SWELL」です

STEP
「メニューを作成」をクリックします
「メニューを作成」をクリック
STEP
「編集するメニューを選択」で〈ヘッダーメニュー(グローバルナビ)〉を選択します
〈ヘッダーメニュー(グローバルナビ)〉を選択
STEP
「選択」をクリックします
「選択」をクリック
STEP
「固定ページ」の〈お問い合わせフォーム〉にチェックを入れます
〈お問い合わせフォーム〉にチェック
STEP
「メニューに追加」をクリックします
「メニューに追加」をクリック
STEP
「メニューを保存」をクリックします
「メニューを保存」をクリック
STEP
サイトのトップページを確認しましょう
サイトのトップページを確認

サイト上部(ヘッダー)に、お問い合わせフォームの表示があればOKです。

お問い合わせフォームのスパム対策【reCaptcha by BestWebSoft】

reCaptcha by BestWebSoftのトップページ
出典:reCaptcha by BestWebSoft

「Contact Form 7」でお問い合わせフォームを作ったら、かならずスパム対策をしておきましょう。

「Contact Form 7」のスパム対策には、相性のいいプラグイン「reCaptcha by BestWebSoft」を使うのがおすすめです。

お問い合わせフォームのスパム対策

お問い合わせフォームだけじゃなくて、サイト全体のスパム対策もできてとても便利です。

やぬさん

時間がある時に、絶対設定しておきましょう

【まとめ】お問い合わせフォームを設置して安心・安全なサイトを作ろう

今回は、個人ブログにおけるお問い合わせフォームの作り方について解説しました。

サイト利用者の窓口となるお問い合わせフォームの設置は、ブログ運営において欠かせない要素のひとつ。

サイトにお問い合わせフォームを設置することによって、あなたのプライバシーを守られるだけでなく、ブログ収益化のチャンスが生まれる可能性もあります。

また、スパム対策も忘れずに実施して、安心・安全なサイト作りを心がけましょう!

やぬさん

この機会に、ブログ運営に必要な初期設定をチェックしましょう!

R o a d M a p

ブ ロ グ の ゴ ー ル を 意 識 し な が ら 読 も う

収益化までのロードマップ

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

よかったらシェアしてね!
  • URLをコピーしました!
もくじ