WordPressで作ったサイトにお問い合わせフォームを設置する方法

プラグイン

こんにちは!

今日はWordPressで作ったサイトに設置する「お問い合わせフォーム」のご紹介です。

プラグインContact Form 7でお問い合わせページを設置する

お問い合わせ用のメールアドレスを用意する

コンタクトフォームをサイトに設置するにあたって、専用のメールアドレスを事前に用意しましょう。独自ドメインを使用している場合であれば、info@xxxxxx.com などです。

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

プラグインの「新規追加」からContact Form 7をインストールし有効化します。

contactform7キャプチャ画像

コンタクトフォームを追加する

「お問い合わせ」→「コンタクトフォーム」を開きます。

contactform7キャプチャ画面

デフォルトで用意されているコンタクトフォームの画面です。

contactform7キャプチャ画面

コンタクトフォームのメールアドレスを変更する

右側の「メール」タブを開いて、以下の2か所に最初に準備したメールアドレス(info@xxxxxx.com)を入力します。

contactform7キャプチャ画面

保存してショートコードをコピーする

変更を保存したあと、以下の箇所にあるショートコードをコピーします。

contactform7キャプチャ画面

固定ページにコンタクトフォームを設置する

  1. 「固定ページ」→「新規追加」をクリックします。
  2. contactform7キャプチャ画面

  3. 以下のようにタイトルを入力し本文にショートコードを貼りつけます。
  4. contactform7キャプチャ画面

  5. 下書きとして保存します。
  6. contactform7キャプチャ画面

  7. パーマリンクを変更(編集)します
  8. contactform7キャプチャ画面

  9. contact と入力して「OK」をクリックします
  10. contactform7キャプチャ画面

  11. 「公開」ボタンをクリックします

プレビューを確認する

左上の「パーマリンク」をクリックして設置したお問い合わせページを確認する。

お問い合わせページをメニューに追加する

  1. 「外観」→「メニュー」をクリックします。
  2. contactform7キャプチャ画面

  3. 左側にある「お問い合わせ」にチェックをして「メニューに追加」をクリックします。
  4. メニューを保存します。

あとがき

以上でメニューへのお問い合わせページの設置は完了です!ウィジェット(カスタムHTML)を使ってサイドバーに表示することもできますよ!
次回は画像認証を設置してセキュリティを高めましょう!

0
この記事を書いた人
どらみ

パソコン歴はWindows98からの元パソコンインストラクターです。以前はMS Office系のソフトウェアを主に教えていました。 今はWordPressのテーマLuxeritasにはまっています♪ 質問されると、つい親身になってしまう自称「ポジネガ人間」です。

応援する にほんブログ村 ブログブログ ブログノウハウへ