お問い合わせフォームを作成する方法はいくつかありますが、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サイトにお問い合わせフォームを設置する準備が整いました。ぜひチャレンジしてみてください!