初心者でも簡単にできる「お問い合わせフォーム」の作成のしかた

こんにちは、Yuichiroです。

ブログを運営する上で「お問い合わせフォーム」の設置は必要になります。
私はGoogleアドセンス申請したときに、その必要性を知りました。

今回は初心者でも簡単にできる「お問い合わせフォーム」の設置方法について解説します。

[toc]

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

今回はプラグインの「Contact Form7」を使います。

「Contact Form 7」を使えば、ブログ初心者でも簡単に「お問い合わせフォーム」を作成することができます。

実際に私が設定した手順で解説していきます。Wordpressのテーマによって表示の違いがあると思いますがご了承ください。

私は「WordPressテーマ 「WING（AFFINGER5）」を使用しています。

たったこれだけです。
10分かからず設定は完了します。

初めて設置したときは、簡単すぎて驚きました。

プラグイン「Contact Form 7」インストール

まずは「Contact Form 7」をインストールします。

有効化すると、左メニューに「お問い合わせ」という項目が追加されます。

「お問合せフォーム」の作成

続いて「お問い合わせフォーム」を作成します。

コンタクトフォームを「新規追加」します。

フォームの名前は「入力なし」でも問題ありません。
未入力だと図のように「コンタクトフォーム１」と設定されます。

フォームの設定も基本的にはデフォルトのままで問題ないのでそのまま「保存」します。
右、もしくは下にも「保存」ボタンがあります。どちらでも大丈夫です。

フォーム内の「メール設定」

続いて「フォーム」タグのとなりにある「メール」設定です。
「メール」は問い合わせがあった際、自分に届くメールのことを指します。

初めは特に何もしなくても（デフォルトのままで）大丈夫です。

基本的にはブログに設置すると、Wordpressで設定している「アドレス」や「ブログ名」が自動的に設定されます。

ブログ初心者の場合は、まずは設置してあとから詳細を設定していけば問題ないです。

ブログに「お問い合わせフォーム」を反映させる

最後に「問い合わせフォーム」を「固定ページ」に反映させることで、「問い合わせページ」が完成します。

あと少しで完成です。順に見ていましょう。

「ショートコード」のコピー

お問い合わせページに貼り付ける「ショートコード」をコピーしておきます。

お問い合わせ「固定ページ」の作成

お問い合わせフォームを反映させる「固定ページ」を作成します。

最後に「保存」します。

「ショートコード」の貼り付け

「お問い合わせ」ページに、お問い合わせフォームの「ショートコード」を貼り付けます。

「更新」して公開すれば固定ページの作成は完了です。

「お問い合わせ」ページの作成

最後にブログに反映させましょう。
私は「フッターメニュー」に設定しています。自分の好みで検討してみてください。

ページの最後に、このように表示されます。

まとめ

今回は簡単な「お問い合わせフォーム」の作り方について解説しました。

10分くらいあれば簡単な設定ができると思います。
ぜひ試してみてください。

最後までありがとうございました。