【手軽で簡単に】WordPressブログに設置するお問い合わせフォームを作る方法

 

ウサギウサギ

アラフォーになり、突然ブログを始めたウサギです。

ワニワニ

WordPressブログのお問い合わせフォームについて知りたーい
お問い合わせフォームが必要な理由と作り方を教えてほしいんだけどー

こんな疑問に答えます。

 

✔ 記事の内容

  • ブログにお問い合わせフォームが必要な理由
  • WordPressブログに設置するお問い合わせフォームを作る方法

 
 

この記事を読むと上記のことが分かります。

 

設定に難しい操作はありません。

 

この記事ではWordPressブログに設置するお問い合わせフォームを作る方法が分からない方向けに、画像付きで分かりやすく紹介していきます。

 

ぜひ参考にしてみてください。

 

ブログにお問い合わせフォームが必要な理由

ブログにお問い合わせフォームが必要な理由

 

ブログにお問い合わせフォームが必要な理由は次のとおり。

 

✔ お問い合わせフォームが必要な理由

  1. ユーザーとつながることができるから
  2. »ユーザーの声がきけるようになる

  3. 仕事の依頼を受ける窓口になるから
  4. »機会損失を防げるようになる

  5. ブログの安心感につながるから
  6. »ユーザーに安心して利用してもらえるようになる

 
 

ビジネスとしてブログを運営するなら、確実に連絡が取れる連絡先が必須になります。

 

お問い合わせフォームの設置には上記のようなメリットがあるので、必ず設置しておきましょう。

 

WordPressブログに設置するお問い合わせフォームを作る方法

WordPressブログに設置するお問い合わせフォームを作る方法

 

WordPressブログに設置するお問い合わせフォームを作る方法は次のとおり。

 

✔ お問い合わせフォームを作る方法

  1. Contact Form 7のインストールと有効化
  2. お問い合わせフォームの作成
  3. メールの設定
  4. お問い合わせフォームを設置する固定ページの作成
  5. お問い合わせフォームのリンクの設定

 
 

WordPressブログのお問い合わせフォームの設置には、「Contact Form 7」というプラグインを使う方法が最も簡単です。

 

順番に詳しく見ていきます。

 

1. Contact Form 7のインストールと有効化

Contact Form 7

 

まずは、プラグイン「Contact Form 7」をインストールして有効化します。

 

インストールと有効化の手順は次のとおり。

 

Contact Form 7のインストールと有効化

 

  1. WordPress管理画面にログイン
  2. 画面左側のサイドバーの「プラグイン」「新規追加」をクリック
  3. 画面右上の検索窓に「Contact Form 7」と入力
  4. Contact Form 7の「今すぐインストール」をクリック
  5. インストールが完了したら「有効化」をクリック

 
 

以上でプラグイン「Contact Form 7」のインストールと有効化は完了です。

 

次にお問い合わせフォームの作成を行います。

 

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

 

まずは、「コンタクトフォームを追加」ページに移動します。

 

コンタクトフォームを追加へ移動

 

  1. 画面左側のサイドバーの「お問い合わせ」「新規作成」の順でクリック
  2. 「コンタクトフォームを追加」ページに移動

 
 

コンタクトフォームを追加画面

 

上の画像の画面に移動したら下記の手順を行います。

 

  1. タイトル:「お問い合わせ」と入力
  2. »シンプルでわかりやすいものならOK

  3. フォーム:上の画像のとおり入力
  4. »画像は簡単でシンプルな内容なので追加や変更OK

  5. 「保存」をクリック

 
 

コンタクトフォームの編集画面

 

画像のとおり、「コンタクトフォームが作成されました。」と表示されたら、お問い合わせフォームの作成は完了です。

 

次にメールの設定を行います。

 

3. メールの設定

 

Contact Form 7で設定できるメールは次の2つ。

 

  1. ブログ運営者にお問い合わせがあったことを知らせるメール
  2. お問い合わせをしたユーザーにお問い合わせを受け付けたことをお知らせするメール

 
 

「1.」のメールは初期の状態から設定されているので、設定は不要です。

 

ここでは「2.」のメールの設定を行います。

 

メール設定画面

 

  1. 「フォームタブ」の右隣にある「メールタブ」をクリック
  2. 画面下部にある「メール(2)を使用」にチェックを入れる
  3. ユーザーに通知するためのメール設定画面が表示される
  4. 「題名」のみを編集 ※詳しくは下に書いています
  5. 「保存」をクリック

 
 

✔ 4. 「題名」のみを編集

メール(②)設定画面

 

「題名」の編集内容

上の画像の赤枠の箇所に「お問い合わせありがとうございます」と入力

 
 

題名に入力した内容は自動返信メールの件名になります。

 

件名に「お問い合わせありがとうございます」とあれば、お問い合わせの受付を完了したことをお知らせするメールということがわかりやすいです。

 

ちょっとしたことがユーザビリティの向上につながります。

 

以上でメールの設定は完了です。

 

ここまででお問い合わせフォームの作成は完了しましたが、まだ設置ができていません。

 

続いて続いてお問い合わせフォームを設置するための固定ページを作成します。

 

4. お問い合わせフォームを設置する固定ページの作成

 

お問い合わせフォームの設置は、固定ページにコピーしたショートコードを貼り付けるだけ。

 

まずは、作成したお問い合わせフォームのショートコードをコピーしましょう。

 

新規固定ページを追加へ移動

 

  1. 「タイトル お問い合わせ」の下にある「ショートコード」をコピー
  2. 画面左側のサイドバーの「固定ページ」「新規作成」の順でクリック
  3. 「新規固定ページを追加」ページに移動

 
 

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

 

  1. 「タイトルにお問い合わせ」と入力
  2. 本文入力箇所に「コピーしたショートコード」を貼り付ける
  3. 画面右側の「公開」をクリック

 
 

これでお問い合わせフォームを設置した固定ページは完成です。

 

ただ、固定ページにお問い合わせフォームを設置することはできましたが、まだアクセスするためのリンクがありません。

 

最後にお問い合わせフォームを設置した固定ページにアクセスするためのリンクを設定します。

 

5. お問い合わせフォームのリンクの設定

 

メニューへ移動

 

  1. 画面左側のサイドバーの「外観」「メニュー」の順でクリック
  2. 「メニュー」ページに移動

 
 

メニュー名を入力画面

 

  1. 「メニュー名」を入力
  2. 「メニューを作成」をクリック

 
 

メニュー設定画面

 

  1. 画面左側の固定ページの「お問い合わせ」にチェックを入れる
  2. 「メニューに追加」をクリック
  3. メニュー設定から「表示したいメニュー位置」にチェックを入れる
  4. 「メニューを保存」をクリック

 
 

上記手順が完了したら、ブログのトップページを確認してみてください。

 

ブログトップページ

 

上の画像はブログのトップページです。

 

画像のように指定した位置にリンクが表示されていればOK。

 

お問い合わせフォーム

 

リンクをクリックすると、お問い合わせフォームに移動します。

 

以上でお問い合わせフォームの作成・設置は完了です。

 

ウサギウサギ

お疲れさまでした。

最後にお問い合わせフォームが設定どおりに動作しているかの動作確認をしておきましょう。

 

WordPressブログに設置するお問い合わせフォームを作る方法:まとめ

 

以上、「WordPressブログに設置するお問い合わせフォームを作る方法」でした。

 

最後に簡単にまとめます。

 

✔ お問い合わせフォームが必要な理由

  1. ユーザーとつながることができるから
  2. »ユーザーの声がきけるようになる

  3. 仕事の依頼を受ける窓口になるから
  4. »機会損失を防げるようになる

  5. ブログの安心感につながるから
  6. »ユーザーに安心して利用してもらえるようになる

 

✔ お問い合わせフォームを作る方法

  1. Contact Form 7のインストールと有効化
  2. お問い合わせフォームの作成
  3. メールの設定
  4. お問い合わせフォームを設置する固定ページの作成
  5. お問い合わせフォームのリンクの設定

 
 

設定に難しい操作はありません。

 

ウサギウサギ

ビジネスとしてブログを運営するなら、お問い合わせフォームは必ず設置しておきましょう。

 

準備ができたら実践あるのみ!

 

この記事があなたのお役に立てれば幸いです。

 

おわり。

 

💡 おすすめ記事

 

メール相談受付中

無料相談受付中

 

アフィリエイトに関して分からないこと、また、こんな記事書いて欲しいなどのご要望などございましたら、下記よりお気軽にどうぞ。

»メール相談はこちらから

 

Twitterのフォローもよろしくお願いします!


 

ウサギウサギ

以上、ウサギでした。