ブログのお問い合わせページを3ステップで作る方法【Contact Form 7】

悩んでいる人

ブログを開設しましたが、お問い合わせページをまだ作っていません、簡単にできますか？

このような疑問にブロガーの僕から回答です。

当ブログにおいてもありがたいことに、月に数件企業の方からお問い合わせフォームよりご連絡を頂くことがあります。

フォームとしては最低限の構成にすることで入力する側がスムーズに連絡しやすくしたりなど少し工夫もありです。

作成方法を見ていきましょう！

記事で得られること

お問い合わせフォームの必要性
プラグインを使ってお問い合わせフォームを作る方法
お問い合わせフォームをサイトに設置する手順

実績と信頼性

たかいち

お問い合わせをきっかけに新たな仕事に繋がることがあります！

コンタクトフォームがあるとサイトの信頼度が向上する

コンタクトフォームを作成するメリットと必要性に関してみていきましょう。

ブログサイトを作った直後でコンタクトフォームを作っていない人などはこれから紹介するメリットを参考に作ってみてください。

たかいち

中には作らないまま放置しているサイトを目にしますが結構もったいないと思います。

【メリット】お問い合わせフォーム作る意味は？

お問い合わせフォームを作る利点は次の3つになります。

企業の担当者から直接お問い合わせがある
アフィリエイト社からのお問い合わせ
サイトのSEO対策と信頼性向上

お問い合わせフォームはサイトを経由してブロガーに対してメールを送るようなイメージだと思ってください。

企業の担当者様から直接仕事依頼が来ることがあったりします。

特にライティング関係の仕事が多い印象です。他にも、アフィリエイトの直接契約のご連絡なども頂きます。

また、サイトの信頼性の向上にも大きく貢献します。サイトに訪れたユーザーからするとお問い合わせページがないのは少し不審に思う方もいらっしゃいます。

こういった理由の他にもSEO的にもサイト全体の評価が下がる傾向にあります。

【Contact Form 7】プラグインの特徴

「Contact Form 7」はWordPressにインストールして指定のコードを固定ページに追加するだけでお問い合わせフォームを数ステップほどで作成することが出来るプラグインの一つです

プラグインとは追加と削除がいつでも可能なプログラムのセットのようなもの

アフィリエイトブログで有名なブロガーの方もこちらのプラグインを使用しているので安心ですね。

【Contact Form 7】プラグインの導入

ここからは実際に導入する手順を解説していきます。

簡単に出来るのでインストールだけでも終わらしておきましょう。

Contact Form 7をダウンロードする

ワードプレスの基本画面から「プラグイン」＞「新規追加」の順にクリックします。

「Contact Form 7」と入力して対象のプラグインを「今すぐインストール」＞「有効化」をクリックします。

たったこれだけですね。

次はカスタマイズ方法を解説します。

【Contact Form 7】プラグインのカスタマイズ

ここではコンタクトフォーム内で使用される要素の細かい設定を行いますが、

初期設定の状態のままでも使用可能な為、次の章から読み進めてもらってもOKです。

コンタクトフォームのカスタマイズを行う【フォーム】

プラグインの有効化が完了したら管理画面に「お問い合わせ」が追加されます。

「コンタクトフォーム1」をクリックして詳細設定を行っていきます。

コンタクトフォームに使用する要素としては次の4つですね。

氏名
メールアドレス
題名
メッセージ本文

既にデフォルトでこれらの要素は設定済みになるので大きく変更はしなくてOKです。

お問い合わせをするときの手間や手数を出来るだけ少なくし、お問い合わせのハードルを低くするためですね。

最低限でOKです。

コード部分拡大

<label> 氏名
    [text* your-name autocomplete:name] </label>

<label> メールアドレス
    [email* your-email autocomplete:email] </label>

<label> 題名
    [text* your-subject] </label>

<label> メッセージ本文 (任意)
    [textarea your-message] </label>

[submit "送信"]