【図解でわかる】WordPressブログ 問合せフォームの作り方(ワードプレス版)

【図解でわかる】WordPressブログ 問合せフォームの作り方(ワードプレス版)

WordPressブログに「問合せフォーム」は必要なの?

どうやって作るの?

と、WordPressブログを初めて立ち上げたばかりだと疑問に思ってしまう人もいると思います。

結論から言えば、ブログで稼ぐ!収益化する!

という人は必須です!

今回は、その理由と初心者でも簡単に作る2つの方法について解説していきます。

WPテーマ|ゴールドメディア

無料版のWordpressテーマで出来ないことが可能に

有料テーマの「ゴールドメディア」

ブログを収益化するブロガー

比較サイトやWebメディアで成功したい人

におすすめ!

最新の国産WordPressテーマ

「はろ-Blog」で使っているWordPressのテーマなので

メリットや特徴・使用感など図解多めで詳しく解説しています!
⇩ こちらからどうぞ ⇩

【WordPressテーマ】ゴールドメディアの特徴とデメリット!

実際に使った評価とレビュー!

お問合せフォームがブログになぜ必要?

ブログで稼ぐ・収益化するのであれば、お問合せフォームは必須です。

では、なぜ必要なのか解説していきます!

お問合せ先が必要な5つの理由

① ユーザーとのコミュニケーション手段

個人ブログを運営するときメールアドレスや連絡先は基本的に開示しないのが一般的です。

しかし、ブログを収益化するためには、自分のサイトで紹介した案件を申込んでもらったり、紹介した商品を購入してもらうには、あなたを信頼してくれる人やファンを増やすことが大切です。

ユーザーとの交流はSNS経由で取り取する方法もありますが、ブログから問合せしたいと思う方も中にはいます。

そんな時、連絡先がないと「騙しサイト?」「詐欺サイト?」などと、余計な詮索をされては元も子もありません。

次の項目で解説しますが、ユーザーとの信頼関係や安心感があってこそ、あなたが発信している情報を信頼して安心することで、ユーザーが次のアクションを起こしてくれるものです。

② 信頼感・安心感の向上につながる

ユーザーの立場に立ったときに、「興味・関心」のある案件や商品が気に入ったとき、次のアクションとして手に入れたいという「欲求」に移ります。

そして、手に入れるというアクション(行動)をとるときに、誰が紹介しているのか?情報が信頼できるのか?と考えます。

そのときに、問合せ先があって、プロフィールがしっかりしていれば、不信感を少しは払しょくできますよね。

「AIDAの法則」消費者の行動心理
  1. Attention(注意)
  2. Interest(興味、関心)
  3. Desire(欲求)
  4. Action(行動)

③ アフィリエイト登録審査に通りやすくなる

Googleアドセンスなどアフィリエイト広告サービスには、お問合わせ先の設置を条件としているものがあります。

ブログを「収益化する」「稼ぐ」という人はお問合せ先の設置は必須です。

趣味でブログを運営するんでしたら無くてもいいんでしょうけどね。

④ 企業や広告主、ASPから仕事のオファーが届く

ブログを運営していると、企業や広告主から広告を掲載してみませんかとオファーが届いたり、クローズドASP※からスカウトがくることがあります。

その他、問合せ先があることで、企業サイトやブログ運営者から相互リンクやコラボの提案など、新たなビジネスチャンスにつながる可能性が高まります。

※クローズドASP

誰でも登録できるオープン型ASPとは異なり、厳選されたアフィリエイター(ブロガー)のみが参加できる限定的なアフィリエイトサービスプロバイダー(ASP)のことです。

登録は基本的にスカウトや紹介制です。

参加者と広告主双方にメリットがあり、高単価案件の提供や手厚いサポートが期待できる一方、登録のハードルが高いというのが特徴です。

APSについてはこちらの記事をご覧ください!
» 【完全無料】初心者におすすめのASP(アフィリエイト)の選び方!ASPの登録方法

➄ 万一の連絡窓口となる

インターネット上にブログ公開して広告主の案件や商品を紹介するなど情報発信しているからには、法令を遵守しなければなりません。

自分では十分注意しているにもかかわらず、知らず知らずのうちに法令に抵触していたり、企業や個人の権利を侵害していることもあり得ます。

そんな時、いきなり裁判所から訴状が届くなんてことがあったら怖いですよね。

万が一、企業や個人の権利を侵害していた時、通常であれば警告のため連絡してくるのが一般的です。

裁判となれば、時間もお金もかかるし周到な準備も必要になりますからね。

悪意を持って陥れようとする輩は別ですが、一般の企業や個人は、自分たちの権利や利益が損なわれなければ問題はないですからね。

なので万が一に備えるためにも問合せ先が必要なんです。

はろ-

はろ-

たまに問合せ先や運営者の情報がないサイトを見ることがあります。

どんなにいい内容の記事が書かれていても、自分だったら信用できなくて、そっとそのサイトは閉じちゃうことも…。

問合わせフォームを設置する2つの方法

自作で作る方法もありますが、プログラミングの知識が必要なので、初心者が作るには難易度が高く手間もかかるので時間がもったいない!

その時間があればさっさと記事を作成した方がよっぽど有意義!

なので、今回は初心者でも簡単に作れる2つの方法を解説します!

①「プラグイン」を使ってお問い合わせフォームを作る

プラグインの「Contact Form7」でお問合せフォームを作るメリットとデメリット

メリット
  • 無料で簡単に利用できる
  • 日本人が開発したプラグインでなので解説記事や情報が豊富
  • 1000万以上のサイトで導入されている豊富な実績
デメリット
  • デザインのカスタマイズが難しい
  • サイトのパフォーマンス低下
  • 機能が限定的

はろ-

はろ-

多くのワードプレスブログで導入されているプラグインです。
デフォルトでも使えるし、ちょっとしたカスタマイズも出来る。

何を導入すればいいか迷ったら選んで間違いないプラグインです。

②「Googleフォーム」を使ってお問い合わせフォームを作る

Googleが提供している「フォーム」でお問わせを作るメリットとデメリット

メリット
  • 無料で簡単に作れる
  • プラグインではないので負荷が減る
  • プログラミングの知識は必要ない
デメリット
  • デザインのバリエーションが少ない
  • 管理機能が不十分

はろ-

はろ-

個人ブログなど小規模なサイトなら、機能としては十分。
簡単に作れてプラグインと違ってサイトが重くなることがないのでおすすめです!

お問合わせフォームを設置する方法

Contact Form7でお問合せフォームを作る手順

一つ目は、WordPressにお問い合わせフォームを導入できるプラグイン「Contact Form7」を設定する方法です。

早速、導入の手順を解説します。

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

STEP1
管理画面メニュー > プラグイン > 新規プラグインを追加を選択します。

STEP2
「Contact Form7」を検索

プラグインの追加画面右上の検索ボックスに「Contact Form 7」と入力します。

STEP3
「インストール」→「有効化」をクリックする

インストール後は、「今すぐインストール」のボタンをクリックして有効化にします。

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

Contact Form 7の設定

WordPressにお問い合わせフォームを作成・設定していきます。

STEP1
管理画面メニュー > お問い合わせ > コンタクトフォームを追加を選択します

STEP2
「タイトル」を入力します

自分で管理するためのタイトルなので「contactform」と入力


次に①~④を設定していきます。

①フォームの設定

フォームは訪問者がお問い合わせするときに、入力する項目を設定できます。

デフォルトでは以下が設定されています。

①フォームの設定
  • 氏名
  • メールアドレス
  • 題名
  • メッセージ本文(任意)
  • 送信ボタン

基本的にはデフォルトのままでOKです。

②メールの設定

「メール」タブでは、あなたに「お問い合わせが届きました」とお知らせしたり、お問い合わせしたユーザーに「きちんと受け付けましたよ!」と伝えたりするために設定します。

②メールの設定
  • メール1:通知設定
  • メール2:自動返信設定
STEP1
「メール1」の設定

基本的にデフォルトのままでOKです!

設定内容は以下のとおり。

メール1の項目

【送信元】お問い合わせの通知を受けるメールアドレス

  • デフォルトではWordPress管理画面の『設定』→『一般』に登録している管理者メールアドレスに届きます。

【送信元】通知の送信元の名称とメールアドレス

  • [_site_title]を残しておくと、送信名がサイト名になります。(当ブログだと「はろーブログ」)
  • メールアドレスは『wordpres@サイトのドメイン』です。

【題名】メールの件名

  • デフォルトでは『サイト名+お問い合わせに入力された件名』となります。

【追加ヘッダー】通知メールの返信先

  • デフォルトでは通知メールに返信すると、お問い合わせで入力されたメールアドレスに返信するようになります。

【メッセージ本文】

  • 通知メールの本文
  • お問い合わせで入力されたメッセージが表示されます。

【ファイル添付】特になにもしてなくOK

STEP2
「メール2」の設定

基本的にデフォルトのままでOKです!

メール設定ではお問い合わせをしてきた訪問者に、自動で返信メールを送ることが出来る機能です。

ちょっとだけ自動返信メールをカスタマイズしてみました。

カスタマイズしたところは「題名」と「メッセージ本文」です。

送信先に『安全でないメール設定が十分な防御策なく使われている。』と表示されていますが、スパム対策をすれば消えますので、一旦そのままでOKです。

③メッセージの設定

「メッセージ」タブでは、お問い合わせフォーム上に表示される様々なメッセージを変更できます。

基本的にはデフォルトのままでOKですが、お好みの内容に変更も可能です。

④ その他の設定

カスタマイズするための設定タブですので、何もしなくてOKです。

WordPressブログに問合せフォームを作る
【①Contact Form7を埋め込む】

WordPressブログに「Contact Form7」を埋め込んでお問合せページを作りましょう。

先ずはWordPressの固定ページに「お問合せページ」を作成します。

WordPress管理画面から

STEP1
メニュー > 固定ページ > 固定ページを追加 を選択

STEP2
新規作成された固定ページのタイトルを「お問い合わせ」と入力

STEP3
スラッグ(パーマリンク)をわかりやすい名称の「Contact」 へ変更

STEP4
ブロックエディタを呼び出す

STEP5
Contact Form7のアイコンをクリック

STEP6
「お問合せ」を選択して完了

左半分だけに問合せフォームが寄ってバランスが悪いですね。使用しているWordPressテーマによって表示が変わるようです。

「はろーBlog」では有料テーマの「GOLD MEDIA」を使用していますが、ちょっとだけ「CSS」を追加して全幅に表示させたいと思います。

問合せフォームを全幅で表示させるカスタイマイズ方法

STEP1
管理画面メニュー > 外観 > カスタイマイズ を選択

STEP2
追加CSSをクリック

STEP3
コードを入力して「公開」で完了!

追加CSSのコード

div.wpcf7 input[name=”your-name”],
div.wpcf7 input[name=”your-email”],
div.wpcf7 input[name=”your-subject”],
div.wpcf7 textarea[name=”your-message”]
{
width: 100%;
}

全幅で表示されました!!

最後に「公開」をクリックして「Contact Form7」の設定完了です。

次項からは2つ目の設置方法「Googleフォームでお問合せフォームを作る手順」を解説します。

次項を飛ばしてフッターに設置する方法はこちらから移動してください。
» お問合わせフォームをフッターに設置する

Googleフォームでお問合せフォームを作る手順

Googleフォームでお問合せフォームを作るには、Googleアカウントが必要なので、持っていない人は新規作成しょう。

Googleフォームはマイドライブから作成できます。

「Googleフォーム」でお問合せフォームを作る手順

作成する5つの項目

1.質問フォームの作成

まずは「フォーム」を開いたら「空白フォーム」をクリック

まずはタイトルを入力

今回は「お問合せ」と入力します。

そして質問の項目を作っていきます。

質問項目は以下のものを作っていきます。

  • 氏名
  • メールアドレス
  • 題名
  • お問い合わせ内容

最初に「お名前」と入力します。

入力方式を「記述式(短文)」を選択して、必須入力項目「ON」にします。

「お名前」の項目が簡単にできました。

その調子でどんどん作っていきます。

以下の項目はそれぞれ設定を少しずつ変えています。

【メールアドレス】・・・記述式(短文)、必須ON

【件名】・・・記述式(短文)、入力必須OFF

【お問合せ内容】・・・段落、必須OFF

今回設定した『記述式(短文)』と『段落』の違い

『記述式(短文)』と『段落』の違い

記述式(短文)入力は1行のみ
段落複数行の入力が可能

他にもいくつかの機能がるので、時間があるときに試してみてください!

2.メール通知設定

WordPressブログにお問合わせがあったことを知らせてくれる、通知設定を行います。

  1. 『回答』タブ
  2. 『︙』をクリック
  3. 「新しい回答についてメールを受け取る」を選択

で、完了です!

メール通知設定

3.自動返信メールの設定

問合せした方へ自動で返信メッセージを送ることが出来る機能です。

  1. 設定をクリック
  2. 「メールアドレスを収集する」を『回答者からの入力』に変更
  3. 「回答のコピーを回答者に送信」を『常に表示』に変更

その他の設定は、デフォルト(そのままの設定)で変更は必要ありません。

問合せたユーザーへ返信されるメッセージは編集できません。回答者(ユーザー)の内容がそのまま返信されます。

ちなみにアプリを導入すれば、返信メッセージの編集も出来ます。このページでは解説しませんが時間があるか方は試してみてください。

4.確認メッセージの編集

確認メッセージとは、お問合せを送信した時にユーザー側に表示される部分です。

設定 > 表示設定 をクリックして「送信後」>「確認メッセージ」へ直接文章を入力します。

最後に「保存」をクリックして完了です。

5.デザインカスタマイズ

カスタマイズは画面上の『テーマをカスタマイズ』からできます。

特にこだわりがなければデフォルトのままでOKです。

カスタイマイズできる箇所
  • 色の変更
  • 文字のフォント・サイズ
  • ヘッダーに画像挿入
デザインカスタマイズ

WordPressブログに問合せフォームを作る
【②Googleフォームを埋め込む】

WordPressブログに「Googleフォーム」を埋め込んでお問合せページを作りましょう。

先ずはWordPressの固定ページに「お問合せページ」を作成します。

WordPress管理画面から

STEP1
メニュー > 固定ページ > 固定ページを追加 を選択

STEP2
新規作成された固定ページのタイトルを「お問い合わせ」と入力

STEP3
スラッグ(パーマリンク)をわかりやすい名称の「Contact-Form」 へ変更

STEP4
カスタムHTMLをクリックする

googleフォームの画面へ戻って

STEP1
「公開」をクリックしてショートコードを表示させる

STEP2
フォームの公開がポップアップされ「リンクを知っている全員」になっていればそのまま「公開」をクリック

STEP3
右上の「その他」アイコンをクリックして「HTMLを埋め込む」をクリック

STEP5
ショートコードが表示される

STEP6
幅・高さはデフォルトのままで構いませんが表示が狭くなったりするので、幅1080×高さ1620へ変更

STEP7
「コピー」をクリックして

STEP8
WordPressブログに戻り、先ほど開いた「HTMLの埋め込み」の入力欄へ貼り付ける

STEP9
公開」をクリックしたら完了です

「新しいタブのプレビュー」で完成したものを確認しましょう!

お問合わせフォームをフッターに設置する

固定ページにお問い合わせフォームが完成しましたので、次にページの最下部「フッター」に設置します。

STEP1
管理画面メニュー > 外観 > メニュー をクリック

STEP2
「新しいメニューを作成しましょう」をクリック

STEP3
「フッターメニュー」と入力し「メニューを作成」をクリック

名前は何でもいいのでわかりやすいものにしましょう

STEP4
グローバルナビ(フッターメニュー)をチェック

STEP5
「メニュー作成」をクリックして保存

STEP6
作成された「フッターメニュー」を表示させ「選択」をクリック

左側の固定ページに何も表示されていない場合、一旦、管理画面のメニューに戻り「固定ページ」を開きましょう!

作成した「固定ページ」が下書きのままなので、「公開」に変更します。

STEP7
外観 > メニューを開き
左側の「固定ページ」に「お問い合わせ」が表示されていることを確認

チェックを入れて「メニューに追加」>「メニューを保存」をクリックして
完了です!

STEP8
ちゃんと設置されているか確認しましょう

管理画面メニューの一番上の「ブログ名」をクリックして「サイトを表示」をクリック

プレビューが表示されたら最下部のフッターに「お問い合わせ」が設置されています!

はろ-

はろ-

フッターに「お問い合わせ」の設置完了です。お疲れさまでした!

【ゴールドメディア】テーマの特徴と評価

無料版のWordPressテーマでもブログ運営は十分できますが、ブログ運営に慣れると無料版のデザインや機能に物足りなさを感じることがあります。

「こうしたい」「あんな風にできないかな」と思ったことが出来るようになるのも有料テーマのいいところです。

「はろ-Blog」で使っている有料テーマは「ゴールドメディア」ですので、有料テーマで迷っているならブログを立ち上げた初期の頃にぜひ入れるべきです。

その理由やメリット・デメリットを以下の記事で解説していますので合わせてご覧ください。

関連記事
image
【初心者向け】ブログ運営方法!サイト設計とコンセプト設定(ワードプレスで記事作成)ブログを始めて10ヶ月で6桁の収益化を達成した「つきがさ はろ」です。まだブログを始めて1年ちょっとの新参者です……

【最後に】 問合せフォームの作り方

WordPressブログに問合せフォームを作る2つのやり方を解説しました。

プラグインの「Contact Form7」と「googleフォーム」どちらでも簡単に設置できましたよね。

このページの最後にブログ運営でよくある質問や疑問について、Q&A形式でまとめましたのでそちらも参考にしてください!

それでは一緒に頑張っていきましょう!!

このブログはWordPress有料テーマで2024年に発売されたのフィット社「GOLD MEDIA」を使って作成しています。

無料版テーマでは出来ない機能が満載ですので、気になった人は以下の記事で紹介していますので、ご覧ください。

WPテーマ|ゴールドメディア

無料版のWordPressテーマで出来ないことが可能に

有料テーマの「ゴールドメディア」

ブログを収益化するブロガー

比較サイトやWebメディアで成功したい人

におすすめ!

最新の国産WordPressテーマ

「はろ-Blog」で使っているWordPressのテーマなので

メリットや特徴・使用感など図解多めで詳しく解説しています!
⇩ こちらからどうぞ ⇩

【WordPressテーマ】ゴールドメディアの特徴とデメリット!

実際に使った評価とレビュー!

【Q&A】ブログ運営よくある質問・疑問

はろ-

はろ-

ブログ運営でよくある質問や疑問についてQ&A形式にてまとめました。
詳しく解説した記事も合わせて紹介していますので、ぜひ参考にしてください!

ブログのサイト設計とコンセプト設定はどうすればいい?

ブログ運営においてサイト設計は「ブログの骨組み」を作る作業です。ここがしっかりしていると、記事が書きやすくなって読者にも読みやすくなります。また、ブログ全体の「方向性」を決めることがコンセプト設定です。

下記記事では詳しく解説していますので参考にしてください。

»【初心者向け】ブログ運営方法!サイト設計とコンセプト設定

ブログ記事の書き方はどうすればいい?

ブログに興味がある人や立ち上げたばかりの人は、誰もが自分に書けるか不安を抱きます。

ブログ記事の一般的な構成や記事を公開する手順さえ理解できれば、初心者でも簡単に書くことが出来ます。

以下の記事で詳しくブログ記事の書き方を解説していますので参考にしてください。

» 【初心者向け】ブログ記事 6つの構成!書いた記事を公開する手順

レンタルサーバーとは?おすすめレンタールサーバーはどこ?

WordPressでブログを運営するときに必要になるのがデータを保存するサーバーです。

以下の記事では、安心・信頼できるレンタルサーバーから4つを厳選して紹介していますので、あなたにタイプに合ったサーバーを選らんでもらえば間違いないサーバーです。

もし迷ったら老舗かつトップシェアのレンタルサーバー「エックスサーバー」を選べば初心者でも安心です。

» 【初心者向け】WordPress版レンタルサーバーの選び方!ブログ用サーバーおすすめ4社を比較

有料のWordPressテーマは必要?おすすめのテーマは?

無料版のWordPressテーマでもブログ運営は十分できます。

しかし、ブログ運営に慣れると無料版のデザインや機能に物足りなさを感じることがあります。「こうしたい」「あんな風にできないかな」と思うことが出来るようになるのも有料テーマのいいところです。
迷っているならブログを立ち上げた初期の頃にぜひ入れるべきです。

以下の記事は「はろ-Blog」で使っている有料テーマ「ゴールドメディア」について、そのメリット・デメリットを詳しく解説していますので参考にしてください。

» 【WordPressテーマ】ゴールドメディアの特徴とデメリット!実際に使った評価とレビュー!

初心者がブログを始めるにはどうすればいい?ブログ開設の手順は?

ブログを開設するにはいくつかの手順を踏む必要があります。

インターネット上にあなたのお店(家)を持ち情報を発信することをイメージするとわかりやすいと思います。そのためには、まず土地(サーバー)を借りることから始めます。

レンタルサーバー側が初心者でも最短10分でブログを開設できる「クイックスタート」を用意しているので簡単です。

以下の記事でその方法を詳しく解説していますので参考にしてください。

» 【図解でわかる】超簡単 WordPress ブログの始め方!初心者がブログを開設する手順

ブログで稼ぐにはどうすればいい?収益化する方法は?

ブロガーは自分のブログ(WEBサイト)で、企業の案件や商品を紹介(プロモーション)して、その商品を一般ユーザーが購入(申込み)をすることで、ブロガーは報酬を受け取り収益を得ます。

初心者にわかりやすく図解多めで解説した下記記事を参考にしてください。

»【図解でわかる】初心者向け ブログの始め方~稼ぎ方!収益化(アフィリエイト)の手順

ASPとはなに?おすすめのASPはどこ?

ASPとは広告主とブロガー(アフィリエイター)を繋ぐ仲介業者です。

Webサイトやブログなどで商品・サービスを紹介し、商品購入や会員登録などの成果が発生すると報酬(広告収入)を得ることが出来ます。

おすすめASPを以下の記事紹介していますのでご参照ください。

» 【完全無料】初心者におすすめのASP(アフィリエイト)の選び方!ASPの登録方法

WordPressブログに入れるべき「プラグイン」おすすめは?

プラグインはWordPressブログを専門知識なしでサイトを多機能・高機能化できる便利な拡張機能です。
以下の記事で数多くあるプラグインの中から、ブログを開設したら最低限入れておきたいおすすめ7選をご紹介します。

» 【初心者向け】WordPressブログのプラグイン!入れておきたいおすすめ7選

この記事を書いた人Wrote this article

つきがさはろ

つきがさはろ

【未経験・スキル無】サラリーマンから転身 ⇒ 自由なブログ生活|最短で成果を出せる「ブログ×SNS運営方法」の紹介サイト運営|画像多めでわかりやすく丁寧にやり方を紹介|初心者のために実践的なノウハウを提供

TOP