Contact Form 7を使ってお問い合わせフォームを作成する方法

こんにちは、hirokiです。

ブログを運営していく上で必須なのが「お問い合わせフォーム」の存在です。

お問い合わせフォームがなければブログ運営者と読者が連絡をとることができず、あらゆる面で不都合になります。

ブログでは常に読者からブログ運営者へコンタクトがとれるような状態にしてあげることが大切ですし、それこそがブログの信頼にも繋がります。

そこで、今回はWordPressブログでお問い合わせフォームを作成する方法について解説していきます。

WordPressでブログを作ったけどまだお問い合わせフォームがないという方は是非参考にして頂き、そしてお問い合わせフォームをいち早く設置してあげましょう。

おすすめ記事

ブログを月間10万PVまでアクセスアップさせる為の全手法
こんにちは、hirokiです。 せっかくブログを運営していくのであれば、できるだけたくさんのアクセス数を獲得していきたいと思う方も多...
WordPressでブログサイトを作成する方法と使い方まとめ
こんにちは、hirokiです。 WordPressを使って本格的にブログを作ってみたいけど、いまいち作り方がわからないという方も多いと思います...

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

今回作るお問い合わせフォームの完成イメージはこちらです。

お問い合わせフォーム例

これは僕のブログで実際に使っているお問い合わせフォームです。

どんなものか実際に確認したい方はお問い合わせフォームより確認してみて下さい。

完成イメージはこんな感じになります。

大まかな手順

このお問い合わせフォームを作成する為の大まかな手順は以下の通りです。

  1. プラグイン「Contact Form 7」をインストールする
  2. Contact Form 7の設定をする
  3. お問い合わせページを固定ページで作成する

大きく分けると3つの手順を行っていきます。

それでは一つずつ解説していきます。

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

まずはWordPressプラグインのContact Form 7をインストールしましょう。

ダッシューボード内の[プラグイン][新規追加]から「Contact Form 7」と検索をするとContact Form 7がでてくるのでインストール&有効化をすればOKです。

プラグインを初めてインストールするという方は『WordPressプラグインの基礎とインストール方法』を参考にしてみて下さい。

Contact Form 7の設定をする

インストールおよびプラグインの有効化が完了したら、Contact Form 7の設定をしていきましょう。

Contact Form 7を有効化するとダッシュボード内のメインナビゲーションメニューに「お問い合わせ」が追加されます。

その[お問い合わせ]から[新規追加]をクリックするとお問い合わせフォームの新規追加画面になります。

コンタクトフォームの新規追加

1.コンタクトフォームのタイトルを入力

まずはコンタクトフォームのタイトルを入力しましょう。

このタイトルは「お問い合わせ用」とか「アンケート用」など、このフォームの用途がわかるようにしておくといいと思います。

コンタクトフォームのタイトルを入力

2.お問い合わせの受け取りメール設定

上部にあるタブから[メール]を選択するとお問い合わせの受け取りメール設定ができます。

お問い合わせ先メール設定

ここは基本的にはそのままでOKですが、もし受け取り用のメールアドレス等を変更したい場合はここで変更が可能です。

3.メッセージ設定

上部にあるタブから[メッセージ]を選択するとお問い合わせ完了時に表示させるメッセージなどの編集ができます。

メッセージ設定

ここも基本的にはそのままでOKです。

変更したい文言などがあったら変更しましょう。

お問い合わせページを固定ページで作成する

Contact Form 7の設定が完了したら、固定ページを使ってお問い合わせページを作成していきます。

1.固定ページを新規作成する

まずダッシュボード内の[固定ページ]から[新規作成]をクリックします。

固定ページへのアクセス方法

2.固定ページのタイトルとお問い合わせページに必要な文言を書く

固定ページのタイトルには「お問い合わせ」などとタイトルを入力し、本文には必要な文言を書きましょう。

この例では本文には「質問、感想、相談、お仕事のご依頼など何でもお気軽にご連絡ください。」と記入しています。

お問い合わせ

3.Contact Form 7で作成したお問い合わせフォームのショートコードを貼り付ける

「Contact Form 7の設定をする」で作成したお問い合わせフォームのショートコードをコピーして、固定ページの本文に貼り付けます。

ショートコードは作成したお問い合わせフォームのタイトルの下に表示されています。

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

これでお問い合わせページの作成が完了です。

後は固定ページを公開して、お問い合わせページを設置したい個所にリンクを貼ってあげればOKです。

正常にお問い合わせがくるか確認してみよう!

お問い合わせページの作成が完了したら、実際に作ったページから自分宛てにお問い合わせをしてみましょう。

そこで正常に届いていれば無事お問い合わせページの作成完了です。

まとめ

お問い合わせフォームの作り方を簡単にまとめると以下のようになります。

  1. Contact Form 7をインストール及び有効化する
  2. Contact Form 7の設定をする
  3. お問い合わせ用の固定ページを作成する
  4. 固定ページにContact Form 7のショートコードを貼り付ける
  5. 固定ページを公開してお問い合わせページを表示させたい場所にリンクを貼る

といった感じで、Contact Form 7を使えばかなり簡単にハイクオリティなお問い合わせページが作成できてしまいます。

ブログにお問い合わせページがないという方は、この手順で是非お問い合わせページを作成してみて下さい。

hiroki
お問い合わせページはブログに必須!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

ABOUTこの記事をかいた人

hiroki

月間20万PVのメディアを運営したりなんやかんやしたりしてます。サッカーと音楽とトイプードルが好き。主な著書に「ブログに書くことがない!と思った時に読む本」など