WordPressブログにお問い合わせフォームを設置する方法

お問い合わせフォームの設置をお考えでしょうか?

本記事では、WordPressブログにお問い合わせフォームを設置する方法をご紹介します。

当ブログでは、定番プラグインContact Form 7を使って、以下のようなお問い合わせフォームを設置しています。

▶︎当ブログのお問い合わせフォームはこちら

5分ほどで簡単に設置できますので、ぜひ一緒に設定を進めていきましょう。

お問い合わせフォーム作成方法

お問い合わせフォーム作成の流れは、以下3ステップです。

  1. Contact Form 7をインストール
  2. プラグインの設定
  3. 固定ページ作成

それでは順番に見ていきましょう。

①Contact Form 7をインストール

まずはプラグインをインストールしていきましょう。

WordPress管理画面で、【プラグイン】>【新規追加】を開きます。

画面右上の検索枠に【Contact Form 7】と入力し、【今すぐインストール】をクリックしましょう。

インストール後に【有効化】をクリックします。これでプラグインのインストール作業は完了です。

②プラグインの設定

次に、プラグインの設定をしていきましょう。

WordPress管理画面で、【お問い合わせ】>【新規追加】を開きます。

コンタクトフォーム追加の画面で、【お問い合わせフォーム】と入力しましょう。

次に【メール】のタブを開き、送信先に自分のメールアドレスを入力します。最初に入力されている[_site_admin_email]は消して大丈夫です。

メールアドレス入力後、【保存】をクリックしましょう。

画面に表示されたショートコードをコピーしてください。このショートコードを使って固定ページを作成していきます。

③固定ページ作成

お問い合わせフォームをサイトに表示するために、固定ページを作成していきましょう。

管理画面で、【固定ページ】>【新規追加】を開きます。

タイトルに【お問い合わせ】と入力し、本文に先程コピーしたショートコードをペーストしてください。その後【公開】をクリックすれば完了です。

作成したページを表示してみて問題なければ、テスト送信してみましょう。

作成したお問い合わせフォームをサイト内に設置する

お問い合わせフォーム作成後は、サイト内の任意の場所に設置していきましょう。

お問い合わせフォームは、コンタクトを取りたい人がストレスなくすぐに見つけられる場所にあったほうがいいですよね。

当ブログの場合、利便性を考えヘッダーメニューやフッターメニューに配置しています。

ヘッダーメニュー
フッターメニュー

どこに表示したいかを決めて設置していきましょう。

ヘッダーメニューに設置する手順

お問い合わせフォームをヘッダーメニューに設置する手順です。

当ブログではWordPressテーマのSTORK19を使用しています。他テーマをご利用の方は、多少設定手順が異なる場合があります。

まず管理画面で【外観】>【メニュー】を開きます。

画面一番上にある【ライブプレビューで管理】をクリックしましょう。

【メニューを新規作成】をクリックします。

メニュー名に【ヘッダーメニュー】と入力し、【グローバルナビ(PC用)】にチェックを入れ、【次へ】進みましょう。

【項目を追加】をクリックし、右に開いた項目の中から【お問い合わせ】をクリックしてメニューに追加します。

プレビュー画面で、サイトにお問い合わせが表示されていることを確認し、【公開】をクリックしましょう。

これでお問い合わせフォームの設置が完了しました。

まとめ:WordPressにお問い合わせフォームを設置しよう

お問い合わせフォームの設置方法をご紹介しました。

その他、STORK19のカスタマイズについて以下記事でまとめていますので、ぜひ参考にしてみてください。

最後までご覧いただきありがとうございました。

▶︎ブログ記事の構成手順はこちら
▶︎ブログ収益化の手順はこちら