ブログ 副業の始め方

【初心者向け】超簡単!ブログでのお問い合わせフォームの作り方

2020年5月10日

ワードプレスでお問い合わせフォーム作成方法

こんにちは、夫婦で副業をしているノンとアンです。

ノンとアン
私たちは夫婦で電脳せどりやブログなど様々な副業に挑戦しています。

 

ブログを開始したけど、お問い合わせフォームを作るべきらしい。でも作り方なんてわからないよ!

という方向けに、今回は「プラグインを使用した超簡単なお問い合わせフォームの作成方法」について解説していきます。

 

ワードプレスでブログを始めると、使い方など分からず困惑しますよね。

 

ワードプレス初心者の方でも絶対に作れるように、画像付きで細かくお問い合わせフォームの作成方法について解説していきます。

 

ノン
難しい設定などはなしで、ブログに設置する最低限の内容のお問い合わせフォームを作成していくよ!

 

まだブログでお問い合わせフォームを作成していない方は必見です。

 

それではさっそく見ていきましょう。

 

超簡単!ブログでのお問い合わせフォームの作り方

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

それでは、お問い合わせフォームの作成方法について解説していきます。

 

プログラミングのこととか何もわからなくてもできるの?
アン
ノン
ワードプレスを使用していれば、プラグインを利用して簡単にできるよ!

 

プログラミング知識や難しい知識は必要ありません。

 

実際にこのサイトでも導入しているやり方について解説します。

 

お問い合わせフォームの作成する手順をまとめると下記のようになります。

作成手順

  1. プラグインのインストール
  2. お問い合わせフォームの作成
  3. 固定ページにお問い合わせフォームを埋め込む
  4. ヘッダーメニューやフッターメニュに表示

それでは順に見ていきます。

 

手順①:プラグインのインストール

まず、プラグインのインストールから行っていきます。

 

今回使用するプラグインは、「Contact Form 7」を使用していきます。

 

プラグインの新規追加

作業

ワードプレス管理画面より、「プラグイン」→「新規追加」をクリック

 

画面が切り替わるので、「Contact Form 7」を検索していきます。

 

ContactForm7を検索

作業

  1. 画面右上の検索ボックスに「Contact Form 7」と入力
  2. Contact Form 7が出てくるので「今すぐインストール」をクリック

 

しばらく待つと「今すぐインストール」のボタンが切り替わります。

 

ContactForm7の有効化をクリック

作業

「有効化」をクリック

 

これでプラグインのインストールは完了しました。

 

ここから、お問い合わせフォームの作成に移っていきます。

 

手順②:お問い合わせフォームの作成

インストールした「Contact Form 7」を使ってお問い合わせフォームを作成していきます。

 

お問い合わせの新規追加をクリック

作業

ワードプレスの管理画面の「お問い合わせ」→「新規追加」をクリック

 

画面が切り替わります。

 

お問い合わせフォームのタイトルを設定

作業

お問い合わせフォーム編集画面が出るので、タイトルを入力します。
「お問い合わせ」と入力しましょう。

ノン
ここでお問い合わせフォームの内容を決められるんだけど、最低限必要な内容はデフォルトで入っているよ!
お問い合わせ者の名前・メールアドレス・メッセージタイトル・メッセージ本文を入力できるお問い合わせフォームができるよ!

 

今回は最低限のお問い合わせフォームの作成方法なので、お問い合わせフォームの細かな編集については割愛します。

 

保存をクリック

作業

画面下部の「保存」をクリック

 

これでお問い合わせフォームが完成しました!

 

ですが、まだブログ内に設置をできているわけではありません。ここからブログ内に設置する方法について解説していきます。

 

手順③:固定ページにお問い合わせフォームを埋め込む

では、ここまでで作成したお問い合わせフォームをワードプレスの固定ページに埋め込んでいきます。

 

作業

ワードプレスの左側メニューから「お問い合わせ」→「コンタクトフォーム」をクリック

 

画面が切り替わり、先ほど作成したお問い合わせなどの一覧が表示されます。

 

ショートコードをコピー

作業

先ほど作成した「お問い合わせ」というお問い合わせフォームのショートコードをコピー

 

このショートコードを固定ページに貼り付けていきます。

 

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

作業

ワードプレスの左側メニューから「固定ページ」→「新規追加」をクリック

 

固定ページ作成画面に切り替わります。

 

新規固定ページにショートコードを埋め込める

作業

  1. 固定ページのタイトルに「お問い合わせ」と入力
  2. 本文に先ほどコピーしたショートコードを貼り付ける

 

保存を忘れないようにしましょう。

 

作業

画面右側の「公開」をクリック

 

これでお問い合わせフォームのページが作成されました。

 

実際にプレビューを押すと、お問い合わせフォームが確認できます。
自分のメールアドレスを入力してみて正しく動くか確認しておくことをおすすめします。

 

では、最後に作成したこのページをブログ内のヘッダーメニューやフッターメニューに表示させるように設定していきます。

 

手順④:ヘッダーメニューやフッターメニューに表示

固定ページを作成しただけでは、読者の方がアクセスしようと思ってもそのページに辿りつくことができません。

 

見やすい位置に表示させてあげるようにしましょう。

 

ノン
ヘッダーメニューやフッターメニューに表示することが一般的だよ!

 

固定ページをヘッダーメニューやフッターメニューに表示させる方法については下記の記事で詳しく解説していますので、分からない方はぜひ参考にしてみてください。

参考記事
ワードプレスで固定ページをメニューバーに設置する方法
WordPressで固定ページをヘッダーやフッターに表示する方法

続きを見る

 

さいごに

いかがでしたでしょうか。

 

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

 

Googleアドセンスの審査を通過するためにはお問い合わせフォームは必須です。
それだけではなく、読者の方からの意見を聞けたりするメリットもあるので、Googleアドセンスを考えていない人も設置するようにしましょう。

 

ここまでお読みいただきありがとうございました。

私たち夫婦は夫婦で電脳せどりやブログなど様々な副業に挑戦しています。日々の活動や副業の始め方についてブログで発信しています。

ノンとアン
よかったら他の記事もチェックお願いします!

-ブログ, 副業の始め方
-, , ,

Copyright© 夫婦副業日記 , 2024 All Rights Reserved.