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

Contact Form 7, お問い合わせ

こんにちは!

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

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

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

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

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

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

contactform7キャプチャ画像

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

開く「お問い合わせ」「コンタクトフォーム」

contactform7キャプチャ画面

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

contactform7キャプチャ画面

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

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

contactform7-04

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

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

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

プラグイン

Posted by どらみ