ブログを運営する上で「お問い合わせ窓口」は非常に重要です。窓口があることで、読者からの質問や企業案件を受けることができます。
通常、お問い合わせフォームを作る場合は、専門の知識が必要となってきますが「Contact Form 7」を使えば初心者でも簡単にお問い合わせフォームを作ることができます。
この記事では「Contact Form 7」の設定方法と便利なカスタマイズ方法を解説しますのでぜひ参考にしてください。
Contact Form 7とは
「Contact Form 7」はWordPressサイトにお問い合わせフォームを簡単に作ることができるプラグインです。
また導入が簡単なだけではなく、メールの自動返信設定などのカスタマイズも簡単にできますので、初心者におすすめのプラグインです。
Contact Form 7のインストール
まずは「Contact Form 7」をインストールします。
WordPress管理画面の左側から、「プラグイン」 ⇒ 「新規追加」をクリックし、検索窓に「Contact Form 7」と入力します。
「Contact Form 7」が表示されたら、「今すぐインストール」をクリックし、ボタンが切り替わったら「有効化」をクリックします。
※画面はすでに有効化されているものになります。
Contact Form 7の設定方法
1. WordPress管理画面の左側から、「お問い合わせ」 ⇒ 「新規追加」をクリックし、下の画面を開きます。
「ここにタイトルを入力」の欄に、「お問い合わせ」などわかりやすいタイトルを入力します。その下にあるフォームの項目はこのまま編集しないでおきましょう。
2. タイトルを入力すると、「ショートコード」が表示されます。このショートコードをコピーしてください。一番下までスクロールし、「保存」をクリックします。
3. WordPress管理画面の左側から、「固定ページ」 ⇒ 「新規追加」をクリックします。
下の画面を参考に編集していきます。まずタイトルに「お問い合わせ」と入力します。次に「＋」をクリックしてブロックを追加します。検索窓に「ショートコード」と入力し、表示されたメニューをクリックします。
4. ショートコードの設置画面が表示されますので、先ほどコピーしたショートコードを貼り付けし、右上の「公開」をクリックします。
5. ここまでの手順でお問い合わせフォームは完成です。実際のページは、以下の画像になります。
お問い合わせフォームをサイトに表示させる
完成したお問い合わせフォームは、リンクを繋がないとサイトに表示されません。サイトに表示させるには以下の手順で作業します。
WordPress管理画面の左側から、「外観」 ⇒ 「メニュー」をクリックします。
①メニュー項目を追加の固定ページの中から、「お問い合わせ」を選択して
「メニューに追加」をクリックします。
②メニュー構造にお問い合わせが追加されます。
③メニュー設定の中から、表示したい位置を選んでチェックします。
④最後に「メニューを保存」をクリックします。
これでお問い合わせのリンクが指定の場所に表示されるようになります。
Contact Form 7の応用設定
ここからは「Contact Form 7」の応用設定・カスタマイズについて解説します。
・お問い合わせに対してメールの自動返信設定
・Contact Form 7のスパムメール対策
お問い合わせに対して自動返信メールを送信する
「Contact Form 7」の初期設定は、以下の状態となっています。
・サイト運営者 : 問い合わせがあった時に自動でお知らせメールが届く
・お問い合わせした人（読者） : 自動返信のメールは設定されていない
お問い合わせをしてくれたユーザーに対して、メールを自動返信できるように設定して
ユーザーにメッセージを届けましょう。
1. WordPress管理画面の左側から、「お問い合わせ」 ⇒ 「コンタクトフォーム」をクリックし、先ほど自分が作ったフォームを選択します。
以下のように「コンタクトフォームの編集」画面が開きますので、「メール」タブをクリックします。
2. 下にスクロールしていくと「メール（2）」という項目があるのでチェックを
入れます。
自動返信設定の編集画面が表示されますので、設定していきます。「題名」と「メーッセージ本文」を編集するのをおすすめします。
メーッセージ本文の例文
「この度はお問い合わせいただきありがとうございます。
お問い合わせ内容により、返信にはお時間を頂く場合がございます。
何卒、ご了承くださいませ。」
編集が終わったら、一番下の「変更」ボタンをクリックすれば、自動返信の設定は完了です。
念のため、お問い合わせフォームからテスト送信して動作確認しましょう。
スパムメール対策の設定
スパムメール対策として、プラグイン「Akismet」を使用する手順になります。Akismetをインストールされていない方は、Akismetの設定方法を参考にインストールしてから設定を進めてください。
1.WordPress管理画面の左側から、「お問い合わせ」 ⇒ 「コンタクトフォーム」をクリックし、自分が作ったフォームを選択します。
2.「フォーム」タブをクリックし、編集画面を開きます。氏名とメールアドレスに以下のコードを書き加えます。
・[text* your-name]
⇒[text* your-name akismet:author]
・[email* your-email]
⇒[email* your-email akismet:author_email]
3.コードを書き加えたら、「保存」をクリックして設定完了です。
4.正しくスパム対策が設定されているか「スパムフィルタリングテスト」で確認しましょう。お問い合わせフォームに以下のように入力します。
※「Contact Form 7」の公式サイトで案内されているテスト方法になります。
・氏名
⇒「viagra-test-123」と入力
・メールアドレス
⇒「akismet-guaranteed-spam@example.com」と入力
設定が完了していれば、画像のようにオレンジの枠で「メッセージの送信に失敗しました。後でまたお試しください」と表示されます。
その他のおすすめプラグインはこちらで紹介しています。
