運営理念はコチラ

WordPressブログにお問い合わせフォームを作る全手順【Contact Form 7プラグイン】

この記事が解決するお悩み

ブログを始めてから数ヶ月。
だんだんとPVは伸びてきたから、そろそろお客様からのお問い合わせを受けつけて、顧客対応をしていきたい。

WordPress(ワードプレス)には便利なプラグインがたくさん用意されており、初心者でも簡単にお問合せフォームを作れます。
今回は、人気かつお手軽にお問い合わせフォームをつくる方法として、プラグイン『Contact Form 7』を使ったお問い合わせフォームの作り方を図解でご紹介します。

Contact Form7で問い合わせフォームをつくる流れ

STEP.1
Contact Form 7をインストール
WordPress(ワードプレス)に『Contact Form 7』をインストールします。
STEP.2
お問い合わせフォームをつくる
『Contact Form 7』の設定で、お問い合わせフォームを作成します。
STEP.3
作成したフォームをページに反映
作成したお問い合わせフォームを固定ページに反映して、実際に公開します。

STEP1. Contact Form 7をインストール

WordPress(ワードプレス)に『Contact Form 7』をインストールしていきます。

1-1. プラグインの新規追加

ワードプレス管理画面から、[プラグイン][新規追加]をクリックしましょう。

1-2. プラグインを有効化

プラグインの新規追加ページ右上にある検索スペースに「contact form」と入力すれば、『Contact Form 7』が表示されます。

[今すぐインストール][有効化]の順にクリックしましょう。

プラグインを有効化しました。

というメッセージが表示されれば、インストール完了です。

STEP2. お問い合わせフォームをつくる

インストールしたら、お問い合わせフォームを作成していきます。

2-1. 設定画面をひらく

ワードプレス管理画面から、[お問い合わせ][新規追加]とクリックします。

2-2. コンタクトフォームを作成する

設定画面で”コンタクトフォーム”を作成します。

まずはタイトル欄に「お問い合わせフォーム」など分かりやすい名前を入力していきましょう。

MEMO
ここで入力するタイトルは実際のページに表示されないので、お問い合わせフォームを管理するために分かりやすい名前をつけることをオススメします。

2-3. 保存する

左下の[保存]をクリックして、次のメッセージが表示されたら完了です。

コンタクトフォームが作成されました。

STEP3. 作成したフォームをページに反映

最後に、作成した”コンタクトフォーム”を実際のページに反映すれば完了です。

3-1. 作成したフォームのショートコードをコピー

ワードプレス管理画面から、[お問い合わせ][コンタクトフォーム]とクリックしていきます。

先ほど「お問い合わせフォーム」という名前をつけたコンタクトフォームのショートコードをコピーします。

3-2. お問い合わせフォーム用の固定ページを作成

続いて、お問い合わせページを作成します。
お問い合わせページは”投稿”ではなく”固定ページ”で作成しましょう。

MEMO
投稿ページと固定ページは用途が大きく異なります。
投稿はブログのメインコンテンツ、固定ページは補助的なページとして以下のような用途で利用します。

  • お問い合わせページ
  • 運営者情報
  • プライバシーポリシー
  • 利用規約

など

ワードプレス管理画面から、[固定ページ][新規追加]とクリックします。

ワードプレスで固定ページを新規追加する

固定ページのタイトル欄は実際に表示したい文章を入力します。
特にこだわりがなければ、「お問い合わせページ」がもっとも分かりやすいと思います。

固定ページに「お問い合わせページ」というタイトルをつける

3-3. お問い合わせフォームのショートーコードをはりつける

文章欄に、先ほどコピーしたショートコードを貼り付けましょう。

固定ページにお問い合わせフォームのショートコードをはりつける

最後に、[公開]をクリックして固定ページを表示させれば完了です。

WordPressで固定ページを公開する

お問い合わせページを確認してみよう

実際に公開したVALKEのお問い合わせページにアクセスしていただき、どんな画面になっているか確認しましょう。

公開したお問い合わせフォームを確認する

デザインが変更になっている場合があります。
当サイトのお問い合わせフォームは日々改善を行っておりますため、上記のイメージ画像とは異なる場合がございます。

以上で完了です。

WordPressブログにお問い合わせフォームを作るまとめ

問い合わせフォームは、読者の皆様からのご要望やご意見を聞くために不可欠な要素。

個人ブログで問い合わせ対応は難しいかもしれませんが、信頼してもらえるサイトをつくるためにも、読者からご連絡してもらえる問い合わせフォームをつくりましょう。