WordPressにお問い合わせフォームを設置する方法｜プラグインを使って簡単に！

WordPressでコンテンツを追加する主な方法には、「投稿」と「固定ページ」の2種類があります。

投稿は前後の記事や、カテゴリー・タグと関連付けできることが特徴です。

一方、固定ページはそのページ単体で成立するものです。

投稿と固定ページでは、WordPress上の操作画面が異なります。

ダッシュボード左メニューから「固定ページ ＞ 新規追加」を選択すると、固定ページ作成画面が表示されます。

お問い合わせフォームは、訪問者がどのページを閲覧しているときでもアクセスしやすい位置に設置する必要があるため、一般的には固定ページに設置します。

固定ページの表示位置はWebサイトのヘッダー、サイドバー、フッターなどに設定が可能です。

お問い合わせフォームは投稿に設置することもできます。

固定ページへの設置にくわえて、閲覧数の多い投稿や、問い合わせに直接繋がりそうな投稿などにお問い合わせフォームを設置するのも良いでしょう。

固定ページについてくわしくはこちらもご覧ください。

WordPressの「固定ページ」って？ 「投稿」との違いや使い方を紹介

• WordPressの使い方/操作方法

Contact Form 7はWordPressが公式に提供している無料のプラグインです。

プログラムの知識がない人でも、簡単に安全性の高いお問い合わせフォームを設置できる機能を多数搭載しています。

Contact Form 7の開発者は日本人のTakayuki Miyoshi氏です。

有効インストール数は500万回以上もあり、日本語を含む63言語に対応と、世界的に高く評価されています。

Contact Form 7のデフォルト言語は英語ですが、日本語訳ページも用意されています。

日本語の解説記事が多くあるので、困った時にも安心です。

Contact Form 7でお問い合わせフォームに設定できる入力項目は以下のとおりです。

デフォルトでは名前、タイトル、メールアドレス、テキストエリア（メッセージ本文）、送信ボタンが既に設定されています（上記太文字）。

必要に応じて項目を増やしたり減らしたりすることが可能です。

お問い合わせ送信後にサンクスページを表示したり、自動返信メールを送信したりする設定もできます。

まず、Contact Form 7を公式サイトからダウンロードしましょう。

WordPressのダッシュボードを開き、左メニューから「プラグイン ＞ 新規追加」を選択すると、上のような画面が表示されます。

ここで、画面上部にある「プラグインのアップロード」を選択してください。

「ファイルを選択」を選択し（①）、先ほどインストールした「contact-form-7.5.4.1.zip」を選択後、「今すぐインストール」を選択します（②）。

「プラグインを有効化」ボタンを押下してください。

あるいは、WordPressの「プラグイン＞新規追加」の画面で右上にある検索フォームに「Contact Form 7」と入力して検索しても、インストールできます。

「プラグイン ＞ インストール済みプラグイン」の画面が表示されます。

プラグイン一覧の中からContact Form 7を探し、「設定」を選択してください。

自動で「コンタクトフォーム1」が作成されています。

「コンタクトフォーム1」にマウスを乗せると「編集」「複製」のリンクが表示されるので、「編集」を選択し、お問い合わせフォームの設定を開始します。

自動で作成された「コンタクトフォーム1」には必要最低限の項目しか設定されていません。

詳細設定の方法について、以下でそれぞれ解説します。

「コンタクトフォーム1」のショートコードをコピーします。

「3-1.固定ページとは」で説明した手順で、固定ページ作成画面を開いてください。

固定ページ作成画面です。

お問い合わせフォームのタイトル（WordPress上で表示される）を記入し、コピーしたショートコードを貼り付けてください。

利用しているWordPressテーマによっては、ショートコードを貼り付けただけでプレビューに変換表示される場合があります。

画面右上に「下書き保存」「プレビュー」「公開」ボタンがあるので、プレビュー確認をして、問題なければ「公開」してください。

ただし、この段階では、お問い合わせフォームがどこにあるのか、訪問者にはわかりません。

「お問い合わせページをヘッダーとフッターに追加する方法」または「お問い合わせページをサイドバーに追加する方法」の操作が必要です。

お問い合わせフォームを設置した固定ページを表示し、各項目に入力して送信します。

送信テストであることがわかりやすいように入力するとよいでしょう。

送信後、問い合わせメールが届いているかを確認します。

届いていない場合は、以下の方法で解決してください。

お問い合わせフォームを設置した固定ページをWebサイト訪問者が見つけやすくするためには、グローバルナビゲーションに追加する必要があります。

グローバルナビゲーションとは、どのページを表示しても画面の固定位置に常に表示されるメニューです。

グローバルナビゲーションの主な位置として、ヘッダー（ページの最上部）、フッター（ページの最下部）、サイドバーがあります。

ここでは、ヘッダーとフッターにお問い合わせページを追加する方法について解説します。

ダッシュボードの左メニューから「外観 ＞ メニュー」を選択し、メニューを作成します。

既存のメニューがあれば、それを利用しても構いません。

画面左側の「メニュー項目を追加」から「固定ページ ＞ すべて表示」と選択し、メニュー内に表示したい固定ページにチェックを入れます。

画面右側の「メニュー構造」で、メニューに表示する固定ページの順序入れ替え、メニュー設定（メニューの一）を設定します。

ヘッダーメニューにチェックを入れればヘッダーに、フッターメニューにチェックを入れればフッターに表示されます。

入力が完了したら「メニューを保存」ボタンを押下してください。

固定ページをサイドバーに追加する方法としては以下の3つがあります。

ここでは例として、サイドバー機能があるテーマ「Cocoon Child」での設定方法を説明します。

ダッシュボード左メニューから「外観 ＞ ウィジェット」と選択します。

「選択できるウィジェット」一覧から「固定ページ」を探し、右側の「サイドバー」にドラッグアンドドロップしてください。

「固定ページ」のプルダウンメニューを開き、タイトルを入力します。

お問い合わせフォームだけでなく固定ページがすべて表示されるため、タイトルは「ご案内」など固定ページを総称するものが良いでしょう。

入力を終えたら「保存」ボタンを押下し、Webサイトでの表示を確認してください。

コンタクトフォーム1の編集画面に入り、「メール」タブを選択して画面を下にスクロールします。

「メール（２）を使用」にチェックを入れると設定画面が開きます。

「送信先」に入力済みのコード[your-email]は問い合わせた人が入力したメールアドレスなので、このままでOKです。

「送信元」にはサイト名が入っています。

「題名」には「お問い合わせありがとうございます」など、自動返信メールのタイトルにしたい文を入力します。

「追加ヘッダー」には自動返信メールを送信するメールアドレスをCc:やBcc:で追加可能ですが、原則としてこのままでOKです。

「メッセージ本文」に、自動返信メールで表示させたい文章を入力します。

最後に「保存」ボタンを押下してください。

まず、サンクスページを固定ページで作成し、URLをコピーしてください。

コンタクトフォーム1の編集画面に入り、「その他の設定」タブを選択します。

入力欄に、サンクスページを表示させるコードを以下のように入力しましょう。

1on_sent_ok: “window.location.href =’サンクスページのURL’;” 

入力を終えたら「保存」ボタンを押下してください。

最後に、右上の「保存」ボタンも押下して、カスタマイズした設定の内容を保存しておきましょう。

Webにくわしくない初心者でもたった10分で始められるレンタルサーバー「ConoHa WING」。

とっても簡単だから今すぐ始めちゃいましょう。

また下記の記事では、ConoHa WINGを使ってWordPressを開設する方法を、画像付きでくわしく解説しています。

他社のレンタルサーバーをご利用中で、ConoHa WINGにお乗り換えを検討されている方も安心です！

煩雑なレンタルサーバーの移行もかんたんにお乗換えいただけるよう、いくつかのサポートを用意しています。