お問い合わせフォームを作成する方法はいくつかありますが、WordPressを使われているお客様には、以下の方法が最もおすすめです。

WordPressでお問い合わせフォームを作るなら「Contact Form 7」が断然おすすめ!

WordPressでWebサイトを構築している場合、**「Contact Form 7」**というプラグインを使うのが、機能性、信頼性、そして使いやすさの面から見て最も良い選択肢です。

Contact Form 7をおすすめする理由

  • 無料で高機能: 追加費用なしで、お問い合わせフォームに必要な機能がほぼすべて揃っています。
  • 世界中で利用されている定番プラグイン: 非常に多くのWordPressユーザーが利用しており、信頼性が高く、困ったときに情報を見つけやすいです。
  • スパム対策機能: 迷惑メール対策(reCAPTCHAなど)も組み込むことができ、不要な問い合わせからサイトを守れます。
  • カスタマイズ性: シンプルなフォームから、少し複雑な項目を追加したフォームまで、自由にカスタマイズできます。
  • 簡単に設置可能: 作成したフォームは「ショートコード」という簡単なコードをWordPressの固定ページに貼り付けるだけで表示できます。

Contact Form 7を使ったお問い合わせフォーム作成の具体的な手順

基本的な手順は以下の通りです。

1. Contact Form 7のインストールと有効化

  • WordPressの管理画面にログインします。
  • 左メニューの「プラグイン」→「新規追加」をクリックします。
  • 検索窓に「Contact Form 7」と入力し、検索します。
  • 表示された「Contact Form 7」の「今すぐインストール」をクリックし、その後「有効化」をクリックします。

2. 新しいお問い合わせフォームの作成

  • プラグインを有効化すると、左メニューに「お問い合わせ」という新しい項目が追加されます。
  • 「お問い合わせ」→「新規追加」をクリックします。
  • フォームの名前を付けます(例:「お問い合わせフォーム」など)。
  • デフォルトで簡単なフォームのひな形が用意されています。「フォーム」「メール」「メッセージ」「追加設定」などのタブを切り替えて設定を進めます。

3. フォームの項目を設定する(「フォーム」タブ)

  • ここで、お問い合わせフォームに表示する項目を決めます。
  • 通常は以下の項目があれば十分です。
    • お名前(text)
    • メールアドレス(email)
    • 件名(text)
    • メッセージ本文(textarea)
  • 右側にある「フォームタグを生成」というボタンから、必要な項目を追加できます。例えば、「text」をクリックして「お名前」用のテキストフィールドを作成します。
  • プライバシーポリシーへの同意チェックボックスは必須です。
    • 「承諾チェックボックス」というタグで作成します。
    • テキストは「プライバシーポリシーに同意する」とし、プライバシーポリシーページへのリンクを張ります。
      • 例: <label><input type="checkbox" name="acceptance-0" id="acceptance-1" aria-invalid="false" class="wpcf7-form-control wpcf7-acceptance" required="true">私は[プライバシーポリシー](https://yourwebsite.com/privacy-policy/)に同意します。</label>
      • https://yourwebsite.com/privacy-policy/ の部分は、ご自身のプライバシーポリシーページのURLに変更してください。

4. メール設定を行う(「メール」タブ)

  • お問い合わせフォームから送信された内容が、どこに(誰のメールアドレスに)届くかを設定します。
  • 「送信先」:ご自身のメールアドレス(例:info@yourwebsite.com など)を設定します。
  • 「送信元」:「[your-name] <[your-email]>」のように設定すると、送信者名とメールアドレスが分かりやすくなります。
  • 「件名」:「サイトからのお問い合わせ:[your-subject]」のように設定すると、受信したメールの件名が分かりやすくなります。
  • 「メッセージ本文」:お問い合わせフォームで入力された各項目を、ここにショートコードで記載します(例:お名前:[your-name] メールアドレス:[your-email] 件名:[your-subject] メッセージ本文:[your-message])。

5. お問い合わせフォームをWebサイトに設置する固定ページを作成

  • WordPressの管理画面で「固定ページ」→「新規追加」をクリックします。
  • ページのタイトルを「お問い合わせ」とします。
  • 作成したお問い合わせフォームのショートコード(例:


      )を、固定ページの本文エリアに貼り付けます。
    • ページを「公開」します。
    • これで、Webサイトの「お問い合わせ」ページにフォームが表示されるようになります。

    6. メニューに「お問い合わせ」を追加する

    • WordPressの管理画面で「外観」→「メニュー」をクリックします。
    • 作成した「お問い合わせ」固定ページをメニューに追加し、Webサイトのヘッダーメニューやフッターメニューに表示されるように設定します。

    その他検討すると良いこと

    • Google reCAPTCHAの導入: Contact Form 7はreCAPTCHAと連携できます。これにより、ボットによるスパムメールを大幅に削減できます。設定は少し複雑ですが、効果は非常に高いです。
    • 返信ポリシーの明記: お問い合わせフォームの上部やABOUTページに、「通常、3営業日以内に返信いたします」など、返信の目安を記載しておくと、訪問者に安心感を与えられます。

    これで、あなたのWebサイトにお問い合わせフォームを設置する準備が整いました。ぜひチャレンジしてみてください!

    目次