サイト・ブログにお問い合わせフォームを設置する際に便利なのが、「Contact Form 7」というプラグインです。
お問い合わせフォームを設定しておけば、サイトを訪れた人が気軽にお問い合わせできるようになります。
この記事では「Contact Form 7」の設置方法から便利な使い方まで、初心者にもわかりやすく説明してきます。
動画もあるのでもしよかったら参考にしてください▼
目次
「Contact Form 7」とは？
「Contact Form 7」とは、WordPressサイトに簡単にお問い合わせフォームを設定できるプラグインです。
設定しておくと、
上記のようなお問い合わせフォームをとても簡単にサイト内に作成することができます。
「Contact Form 7」のインストール方法と有効化手順
まずはWordPressの管理画面にログインし、
「プラグイン」 → 「新規追加」
とクリックしていきます。
右上の検索窓に「Contact Form 7」と入力すると、検索結果が表示されます。
「Contact Form 7」の「今すぐインストール」をクリックして、プラグインをインストールしていきます。
インストールが完了すると、「有効化」ボタンがクリックできるようになります。
ボタンをクリックして、「Contact Form 7」を有効化します。
次の章で設定方法を説明していくねっ
「Contact Form 7」のお問い合わせフォーム設置手順
お問い合わせフォームの設置手順を簡単に説明すると、
- コンタクトフォームを作成する
- 固定ページでお問い合わせページを作成する
- WordPressメニューを作成し、サイトに表示させる
こんな感じです。
手順１：コンタクトフォームを作成する
まずは左メニューの、
「お問い合わせ」 → 「新規追加」
とクリックしていき、コンタクトフォームを新しく作成します。
タイトルに「お問い合わせ」などわかりやすい名前を入力します。
その後、他の設定はいじらずに、「保存」をクリックします。
すると上記のようにショートコードが生成されるので、この部分をコピーしておきます。
手順2：固定ページでお問い合わせページを作成する
次に問い合わせフォームを表示場所となる固定ページを新規作成します。
左メニューで、
「固定ページ」 → 「新規追加」
とクリックしていきます。
ここで
- ブロックエディタ
- クラシックエディタ
で設置方法が少々異なるので、それぞれ解説していきます。
ブロックエディタによるお問い合わせフォームの設置方法
タイトルに「お問い合わせ」と入力し、「+」をクリックします
その後、「ウィジェット」 → 「ショートコード」とクリックしていきます。
ショートコードの設置画面になるので、この部分に先ほどコピーしたショートコードを貼り付けます。
その後「公開する」をクリックします。
クラシックエディタによるお問い合わせフォームの設置方法
クラシックエディタの場合もほぼ一緒です。
固定ページのタイトルに「お問い合わせ」と入力します。
その後本文の部分に先ほどコピーしたショートコードを貼り付けます。
最後に「公開」ボタンをクリックします。
さて、このままではユーザーがお問い合わせページにたどり着くのが難しい状態です。
次の章で、メニューバーにお問い合わせページのリンクを設置する方法を解説していきます。
手順3：WordPressメニューを作成し、サイトに表示させる
左メニューで
「外観」 → 「メニュー」
とクリックしていきます。
自分でわかりやすいメニュー名を入力し、「メニューを作成」をクリックします。
自分でわかりやすい名前をつけようっ
固定ページの中から先ほど作成した「お問い合わせ」にチェックを入れ、「メニューに追加」をクリックします。
その後表示したい位置にチェックを入れ、「メニューを保存」をクリックします。
するとトップページに上記のような感じでお問い合わせのリンクが表示され、リンクをクリックすると、
お問い合わせページを開くことができます。
これでお問い合わせフォームの設置は完了です。
「Contact Form 7」をより便利に使う方法
よりお問い合わせフォームとしての利便性を向上するために、
- 自動返信メールの設定方法
- 迷惑メール対策のためのセキュリティ向上方法
を解説していきます。
自動返信メールを設定してユーザビリティを向上する
デフォルトのコンタクトフォームの状態だと、
自分自身へお問い合わせがあったことをお知らせするお知らせメールが届く設定になっています。
しかし、お問い合わせしてきた人への自動返信メールは設定されておりません。
そこで、この章では
「お問い合わせしてきた人への自動返信メールの設定方法」
について解説していきます。
左メニューで、
「お問い合わせ」 → 「コンタクトフォーム」
とクリックします。
お問い合わせ用に作成した、コンタクトフォームの「編集」をクリックします。
メールをクリックし、下にスクロールし、
「メール（２）を使用」にチェックします。
すると上記のように自動返信用の入力画面が表示されます。
このまま保存しても、お問い合わせをしてくれた方に自動返信メールが届きます。
しかし文面が少しわかりづらいので、「題名」と「メッセージ本文」の編集がおすすめです。
例えば、題名のオレンジの枠で囲った部分に、
お問い合わせいただきありがとうございます。
と入力し、
メッセージ本文の[yout-message]の下に、
この度はお問い合わせありがとうございます。
折り返しご連絡させていただきますが、数日お時間を頂く場合がございます。
何卒こ了承くださいませ。
と入力すると、自動返信メールとして相手にもわかりやすいでしょう。
迷惑メール対策!!「reCAPCHA」を設定してお問い合わせフォームのセキュリティをあげる
「Contact Form 7」をこのまま使用すると、迷惑メールが高頻度で届く場合があります。
そこで、「reCAPCHA」を設定しておくと、迷惑メールの量を減らすことができます。
これからその設定方法を解説していきます。
ない人はメールアドレスを作成しておこうっ
まずはreCAPCHAの公式ページにアクセスします。
サイト上部の「Admin console」をクリックします。
Gmailのメールアドレスを入力し、「次へ」をクリックします。
その後、パスワードを入力し、「次へ」をクリックします。
すると、reCAPCHAのサイト登録画面に遷移します。
ラベルに自分が識別できる、わかりやすい名前を入力し、「reCAPCHA v3」を選択します。
その後、「reCAPCHA 利用条件に同意する」にチェックを入れ、「送信」をクリックします。
すると、「サイトキー」と「シークレットキー」が表示されるので、こちらをコピーしておきます。
WordPressの管理画面の左メニューで、
「お問い合わせ」 → 「インテグレーション」
とクリックします。
「インテグレーションのセットアップ」をクリックすると、
「サイトキー」と「シークレットキー」の入力画面になるので、そこに先ほどコピーしたキーをそれぞれ入力します。
最後に「変更を保存」をクリックすると「reCAPCHA」の設定が完了です。
まとめ：お問い合わせフォームを設定してサイトの利便性を向上しよう!!
お問い合わせフォームを設定しておくと、サイトを訪れた人があなたにコンタクトを取ることができるようになります。
設置しておくだけで、企業から、お仕事のお問い合わせが来ることもあります。
機会損失にならないように、お問い合わせフォームは必ず設定しておきましょう！
他のワードプレスおすすめプラグインはこちらの記事をどうぞ▼
ヒトデの公式LINEに登録すると、ブログ運営で上手くいく方法や、ブログで稼ぐために必要な情報が手に入ります！
返信は膨大な量なので時間がかかりますが、必ず全て見て返信しています
完全無料で不要になったらすぐにブロック等出来るので、是非気軽にご登録ください！
＼ 無料のブログ講座有り！ ／
Contact Form 7でお問い合わせフォームを作成し、テスト送信し自動返信もされました。しかしテストで送ったお問い合わせメールの確認方法がわかりません。きっと初歩的なことだと思うのですが教えていただけないでしょうか。
むとうさん
自分で設定したメールアドレスにメールで届いてる思いますよ～
おかげさまでお問い合わせフォーム作成できました。いつもありがとうございます。
初歩的な質問ですみません。
reCAPTCHAで登録するドメインは自分のサイトのUR Lでいいのでしょうか。
大丈夫です！