SEO

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

2020年7月16日

Wordpress ブログ お問い合わせフォーム 作り方
この記事は4分で読めます

 

サラリーマン
・ブログにお問い合わせフォームを作るやり方が分からない
・初心者だからできるだけ簡単にお問い合わせフォームを作りたい

 

このようなお悩みにお答えします。

 

ブログ運営には、お問い合わせフォームの設置が必須です。

 

ブログ内において、お問い合わせフォームが運営者と読者をつなぐ唯一の手段となるためです。

 

とはいえ、

  • 「HTMLやCSSの知識がなくても、作れるの?」
  • 「できるだけ簡単に作りたいんだけど・・・」

 

このような悩みを僕も持っていました。

 

しかし、実際にやってみると専門知識も必要なく簡単に作成することができました!

 

本記事を読めば、初心者の方でも迷うことなく必ずお問い合わせフォームが作れますので、安心して最後までお付き合いください!

 

 

本記事の結論

  • お問い合わせフォームの作成は必須
  • お問い合わせフォームは「Contact Form 7」・「Googleフォーム」で作る

 

 

本記事を書いた人

ねこたろす
僕はHTMLなどの知識はなかったですが、お問い合わせフォームを作ることができました。
初心者でも簡単に作れますので、安心してください!

 

作り方を今すぐ知りたいという方は、

Contact Form 7での作り方はこちら

Googleフォームでの作り方はこちら

 

 

お問い合わせフォームの必要性

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

そもそもなぜ、ブログにおいてお問い合わせフォームが必要なのでしょうか?

 

理由としては、以下の3点です。

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

  1. 読者からの信頼性向上
  2. Googleアドセンス審査に必要
  3. 企業等から仕事の依頼を受けられる

簡単に解説していきますね!

 

お問い合わせフォームが必要な理由
①読者からの信頼性向上

あなたがブログの読者だとして、例えば

  • ブログの感想を伝えたい
  • ブログの内容に誤りがあって伝えたい

 

こう思った場合、運営者へ伝える手段としてお問い合わせフォームが必要になりますよね。

 

このようにお問い合わせフォームは、運営者と読者をつなぎ、コミュニケーションが可能となる重要なものです。

 

お問い合わせフォームがあることで読者は安心し、信頼性もアップしますから設置しておくことをおすすめします。

 

お問い合わせフォームが必要な理由
②Googleアドセンス審査に必要

Googleアドセンス審査を受けるときに、お問い合わせフォームの設置が必要となります。

 

実際には、お問い合わせフォームの設置自体はAdSense プログラム ポリシーに明記されていません。

 

しかし、多くのブログサイトにおいてお問い合わせフォームが設置されていることも事実。

 

ねこたろす
アドセンス合格のためには、お問い合わせフォームを設置しておいた方が無難です。

 

ちなみにGoogleアドセンス合格には、お問い合わせフォームの設置以外にもポイントがあります。

 

【2020年最新版】Googleアドセンス審査合格に必要なポイント7つにまとめていますので、Googleアドセンス審査に挑まれる方は参考にどうぞ。

 

 

お問い合わせフォームが必要な理由
③企業等から仕事の依頼を受けられる

あなたのブログを見た「企業、ASP、広告主など」からお問い合わせフォームを通じて仕事の依頼が来ることもあります。

 

実際に、Twitterでは多数報告がされていますね。

 

ねこたろす
ブログの目的が収益化なら、お問い合わせフォームを作ればチャンスを広げることができる!

 

 

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

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

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

 

やり方は以下の2種類!

 

Contact Form 7はWordPressのプラグイン

GoogleフォームはGoogleが提供する無料のサービスのこと。

 

Contact Form 7とGoogleフォームの違いは、ぶっちゃけあまりありません。

 

しいていうなら、

Contact Form 7はプラグインなので、動作が若干重くなる可能性がある

このぐらいです。

 

ちなみに僕は、Contact Form 7を使ってお問い合わせフォームを作りました。

 

それでは、それぞれの作り方を解説していきますね。

 

 

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

Contact Form 7を使う場合の流れは、以下の通りです。

step
1
Contact Form 7をインストール

step
2
お問い合わせフォームを編集

step
3
お問い合わせフォームを固定ページへ設置

 

完成イメージはこんな感じです。

お問い合わせフォームイメージ

 

ひとつずつ画像付きで解説していきますね!

 

Contact Form 7をインストール

まずは、「プラグイン」→「新規追加」。

図のように検索窓に「Contect Form7」と入れ検索。

「今すぐインストールする」→「有効化」

Contact Form7インストール

 

「有効化」すると左側に「お問い合わせ」が追加される。

「お問い合わせ」→「新規追加」→「コンタクトフォーム1」

ContactForm 設定

 

特に設定を変更しないと、以下のようなシンプルな仕上がりに。

お問い合わせフォームイメージ

 

ねこたろす
ぶっちゃけ初心者は、このシンプルなもので十分です。

 

さらに自分好みにアレンジがしたい場合は、バズ部さんの記事『Contact Form 7 の使い方』が分かりやすいので参考にしてくださいね!

 

 

お問い合わせフォームを編集

次に、お問い合わせを受け取るメールの設定をしていきます。

Contact Form7 メール設定

 

  • 送信先:お問い合わせが届くアドレス
  • 送信元:変更不要(お問い合わせした人が表示)
  • 題名:変更不要(お問い合わせした人が書いた題名が表示)
  • 追加ヘッダー:他のアドレスを送信先に追加できる
  • メッセージ本文:変更不要。お問い合わせ内容が反映される

 

「メッセージタブ」では、お問い合わせが正常に送信された場合に表示するメッセージなどを設定できます。

Contact Form7 メッセージ設定

 

その他の設定タブでは、さらに細かい設定が可能。

 

詳しくはバズ部さんの記事『Contact Form 7 の使い方』をご覧ください。

 

忘れないように「保存」したら完了となります。

 

 

お問い合わせフォームを固定ページへ設置

最後にお問い合わせフォームを固定ページへ設置していきます。

 

まずは、先ほど保存したフォームのショートコードをコピーしておきます。

Contact Form7 ショートコード

 

次に、「固定ページ」→「新規追加」

タイトルを記入(ここでは「お問い合わせ」としています)

本文に先ほどのショートコードをコピペして更新

Contact Form7 固定ページ作成

 

最後に、固定ページをメニュー部分へ反映させていきます。

 

お問い合わせフォームの設置場所として多いのが以下の3つ。

  1. グローバルメニュー
  2. サイドメニュー
  3. フッターメニュー

 

 

①お問い合わせフォームをグローバルメニューへ設置

グローバルメニューとは、トップページの上部に表示されているメニューのこと

グローバルメニュー

以下、グローバルメニューに設置する方法です。

 

外観→メニューを選択。

左側固定ページで先ほど作成した「お問い合わせ」を選択してメニューに追加。

右側に反映されるので、ドラックしながら好きな順番に入れ替えます。

メニューを保存すれば完了

お問い合わせフォーム グローバルメニューに設置

 

②お問い合わせフォームをサイドメニューへ設置

サイドメニューにもお問い合わせフォームを設置できます。

 

外観→ウィジェット

テキストをドラックアンドドロップで、サイドバーへ

お問い合わせフォーム サイトバーへ設置①

 

サイドバーのテキストで、タイトル・ショートコードをコピペして保存

お問い合わせフォーム サイトバーへ設置②

 

完成するとこんな感じになります。

お問い合わせフォーム サイトバーへ設置③

 

③お問い合わせフォームをフッターメニューへ設置

最後にフッターメニューへ設置する方法です。

 

グローバルメニューと同じになりますが、

外観→メニューで、左側固定ページで先ほど作成した「お問い合わせ」を選択してメニューに追加。

右側に反映されるので、ドラックしながら好きな順番に入れ替えます。

メニューを保存すれば完了

お問い合わせフォーム フッターメニューへ設置①

 

完成するとこんな感じになります。

お問い合わせフォーム フッターメニューへ設置②

 

ここまでが、Contact Form7を使ったお問い合わせフォームの作り方でした。

 

ねこたろす
ちなみに本ブログではフッターメニューへ設置しています。

 

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

Googleフォームを使う場合の流れは、以下の通りです。

step
1
Googleフォームを作成

step
2
お問い合わせフォームを編集

step
3
お問い合わせフォームを固定ページへ設置

 

完成イメージはこんな感じです。

Googleフォーム 作り方 完成イメージ

 

ひとつずつ画像付きで解説していきますね!

 

Googleフォームを作成

Googleフォームから「Googleフォームを使ってみる」

Googleフォーム 作り方①

 

新しいフォームを作成

Googleフォーム 作り方②

 

 

お問い合わせフォームを編集

こちらを編集して、名前・メールアドレス・題名・メッセージ本文を作っていきます

Googleフォーム 作り方③

 

以下の図のように、記述式、お名前、必須を選択して+で追加

Googleフォーム 作り方④ お名前

 

同じくメールアドレスも、記述式、メールアドレス、必須を選択して+で追加

Googleフォーム 作り方⑤ メールアドレス

 

同じく題名も、記述式、題名、必須を選択して+で追加

Googleフォーム 作り方⑥ 題名

 

同じくメッセージ本文も、段落、メッセージ本文、必須を選択して+で追加

Googleフォーム 作り方⑦ メッセージ本文

 

フォームのタイトルを、『お問い合わせ』に変更して送信

Googleフォーム 作り方⑧ タイトル

 

ここまでで、お問い合わせフォームの編集が完了しました!

 

ねこたろす
あと一息で完成します!

 

お問い合わせフォームを固定ページへ設置

「<>」を選択、コードを確認してコピー

Googleフォーム 作り方⑨ コード

 

固定ページを作成して、「テキスト」にコードをコピペする

Googleフォーム 作り方⑩ 固定ページ作成-min

 

完成するとこんな感じになります

Googleフォーム 作り方 完成イメージ-min

 

グローバルメニューやフッターメニュー、サイドバーへ設置したい場合は、Contact Form7のやり方と同じです。

 

ねこたろす
お疲れ様でした!!

 

 

まとめ

この記事を簡単にまとめますと、

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

  1. 読者からの信頼性向上
  2. Googleアドセンス審査に必要
  3. 企業等から仕事の依頼を受けられる

 

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

  • Contact Form7
  • Googleフォーム

 

お問い合わせフォームは、読者の信頼性向上、Googleアドセンス審査などに必要となってきます。

 

収益化を目的としている方は、お問い合わせフォーム経由で企業から連絡が来るパターンもあります。

 

ねこたろす
この記事を参考に、サクッとお問い合わせフォームを作っちゃいましょう!

 

ちなみに、この記事のお問い合わせフォームを作ってGoogleアドセンスに合格しました。

Googleアドセンスはお問い合わせフォームの設置以外にもポイントがあります。

合格のポイントをまとめていますのでよかったらどうぞ。

 

それでは!

ブログランキング参加中!クリックお願いします!

ブログランキング・にほんブログ村へ 

-SEO
-