プラグイン

【お問い合わせ】Contact Form 7の設定方法を解説!

かずへー
  • 「お問い合わせフォームが稼ぐためには必須とか書いてあるけど、、、」
  • 「あんまりここに時間取られたくないな、、、」

そんなあなたにはコレ!!

「Contact Form 7」で簡単にお問い合わせフォームを作成しましょう!

一緒にやれば簡単にできるよ!

かずへー
かずへー

他のおすすめプラグインはこちら⇩⇩から

Contact Form 7とは?

「Contact Form 」はWordPressで作成したホームページに

お問い合わせフォームを設置するためのプラグインです

また日本人が開発者しているため、日本語の情報が豊富なところも嬉しいポイントです

お問い合わせフォームはこんな感じになります⇩

Contact Form 7のインストール方法

  • WordPressのダッシュボードから「プラグイン」⇨「新規プラグインを追加」をクリック
  1. 検索窓に「Contact Form 7」と入力
  2. 「今すぐインストール」をクリック
  • 「有効化」をクリック

インストールして有効化だけではまだ機能していません

やることは以下の通りです

  1. Contact Form 7でお問い合わせフォームの作成
  2. 固定ページで「お問い合わせ」ページの作成
  3. サイトに表示させる
  4. 自動返信の設定
  5. 迷惑メール対策

次の章ではお問い合わせフォームを設定していくよ

かずへー
かずへー

Contact Form 7でお問い合わせフォームの作成

  1. 「ダッシュボード」を更新すると、「お問い合わせ」が出てきます
  2. 「お問い合わせ」にカーソルを合わせる
  3. 「新規追加」をクリックする
  1. 左上のタイトルに「お問い合わせ」と入力します
  2. 「保存」をクリックします
  1. コンタクトフォームが作成されます
  2. 「ショートコード」が表示されますのでコピーをします

固定ページで「お問い合わせ」のページを作成

次は固定ページの編集だよ

かずへー
かずへー
  1. ダッシュボードから「固定ページ」にカーソルを合わせます
  2. 「新規固定ページを追加」をクリック
  1. 上記のように記事の作成画面に移行しますので、タイトルに「お問い合わせ」と入力します
  2. 次に右側に「+」もしくは「ブロックを追加」と表示されるのでクリックします
  1. 「ショートコード」が表示されたらクリック
  2. 出てこない人は「すべて表示」をクリックします
  • 画面の左側から「ショートコード」を探してクリックします
  • ショートコードが作成されます
  1. コンタクトフォームでコピーした「ショートコード」を貼り付けます
  2. 右上の「公開」をクリックして公開してください

これで下準備は完了

次はサイトに表示をさせるよ!

かずへー
かずへー

WordPressでメニューを作成してからサイトに表示

  1. ダッシュボードから「外観」にカーソルを合わせます
  2. 「メニュー」をクリック
  • 「新しいメニューを作成しましょう」をクリックして「メニュー」を作成します
  1. 「メニュー名」を決めます(何でも大丈夫)
  2. サイトのどこに表示するかを決めます(後からでも変更可能なので色々試しましょう)
  3. 「メニューを作成」をクリックします
  1. 先ほど作成した固定ページの「お問い合わせ」にチェックを入れます
  2. 「メニューに追加」をクリックします
  • 上記の画像のようになったら「メニューを保存」をクリックします

以上でサイトに表示されるようになりましたので、確認をしましょう

まずは自分のサイトにアクセスします

  1. サイトの上部や下部など自分が決めた位置に「お問い合わせ」と表示されています
  2. 「お問い合わせ」をクリックしてみましょう
  • このように表示されれば大丈夫です

基本設定は完了だね

次からはセキュリティ対策と便利な自動返信の設定をしよう!!

かずへー
かずへー

自動返信の設定

デフォルトの状態では、自分自身にお問い合わせが届きますが、

お問い合わせをしてきた人には、何にもアクションが取られていません

なので「自動返信」機能でお知らせをしましょう

  1. ダッシュボードから「お問い合わせ」にカーソルを合わせます
  2. 「コンタクトフォーム」をクリックします
  • 先ほど作成した「お問い合わせ」の「編集」をクリックします
  1. 「メール」のタブを選択し、
  2. 下にスクロールすると「メール(2)」と出てきますのでチェックを入れます
  • 上記のように画面が展開しますので、「題名」と「メッセージ本文」を編集します
  1. 「題名」には「お問い合わせありがとうございます」などと入力しましょう
  2. 「メッセージ本文」には「お問い合わせありがとうございます。折り返しご連絡させていただきますが、数日お時間をいただく場合がございます。何卒ご了承くださいませ」などと入力します
  3. 最後に「保存」をクリックします

*文面に決まりはありませんので、ご自分で考えていただいて結構です

自動返信の設定ができたから、

次はセキュリティ強化をするよ

かずへー
かずへー

「reCAPTCHA」で迷惑メール対策をしよう

困ったことに、このまま「Contact Form 7」を使うとかなり多くの迷惑メールがきます、、、

なので迷惑メール対策を行いましょう

まずはreCAPTCHAの公式サイトにいきます

ちなみに、Gmailが必須となります

まだの人は⇩

こちらからGmailを作成してください

  • reCAPTCHA公式サイトに飛んだら「v3 Admin Console」をクリックします
  1. ラベルに「名前」をつけます(何でも大丈夫です)
  2. reCAPTCHAタイプを「スコアベース(v3)」を選択します
  3. ドメインに自分のサイトのURLを入力します(https://を除いた、〇〇.comを入力します)
  4. チェックを入れます
  5. 「送信」をクリック
  • 「サイトキー」と「シークレットキー」が出てきますので、一旦そのままにします
  1. WordPressに戻ってきましょう
  2. ダッシュボードの「お問い合わせ」にカーソルを合わせて
  3. 「インテグレーション」をクリックします
  1. 下にスクロールすると「reCAPTCHA」の項目が出てきます
  2. 「インテグレーションのセットアップ」をクリックします
  1. 先ほど出てきた「サイトキー」を貼り付けます
  2. 次に「シークレットキー」を貼り付けます
  3. 「変更を保存」をクリックしましょう
  • うまくできると「reCAPTCHAはこのサイト上で有効化されています。」と表示されます

お疲れさまでした!!

以上でContact Form 7の基本設定と自動返信、セキュリティの強化が完了です

かずへー
かずへー

以上参考になれば嬉しいです

ではまた!!

他のおすすめプラグインはこちら⇩⇩から

記事URLをコピーしました