WordPressでお問い合わせフォームの作り方を知りたい
こんな疑問に答えます。
WordPressでブログ・サイトを作ったとき、お問い合わせフォームの設置は必須です。
WordPressのプラグイン「Contact Form 7」を使えば、簡単にお問い合わせフォームを作成できます。
本記事の内容
- Contact Form 7とは？
- Contact Form 7の導入・インストール方法
- Contact Form 7の使い方・設置方法
- Contact Form 7のカスタマイズ
画像付きでわかりやすく解説します。
この記事を読めば、Contact Form 7の使い方や設置方法が理解でき、ブログにお問い合わせフォームを簡単に設置できます。
Contact Form 7とは？
「Contact form 7」とは、WordPressブログにお問い合わせページを作れる便利なプラグインです。
お問い合わせページを自分で作ろうとすると、HTMLやCSSなどの専門的な知識が必要です。
専門的な知識がなくても、Contact Form 7が生成するショートコードを一行挿入するだけです。
上記のような、お問い合わせフォームをブログ内に作成できます。
Contact Form 7の導入・インストール
WordPressの管理画面から、「プラグイン→新規追加」をクリックします。
右側の検索窓に「Contact Form 7」と入力します。
「Contact Form 7」の「今すぐインストール→有効化」をクリックします。
Contact Form 7の使い方・設置方法
お問い合わせページの設置手順は以下のとおりです。
- お問い合わせフォーム作成
- 固定ページからお問い合わせページ作成
- WordPressメニューに表示
1つずつ詳しく解説します。
手順①：お問い合わせフォームを作成する
WordPressの管理画面から「お問い合わせ→新規追加」をクリックします。
「コンタクトフォームを追加」が表示されたら、タイトルはわかりやすい名前（例：お問い合わせ）にしましょう。
その他の設定はいじらず、「保存」をクリックします
するとショートコードが生成されるので、コピーします。
手順②：固定ページからお問い合わせページ作成
お問い合わせページを表示させる、固定ページを作成していきます。
WordPressの管理画面から「固定ページ→新規追加」をクリックします。
※ブロックエディタ（Gutenberg）での設置方法になります。
タイトルに「お問い合わせ（任意）」と入力します。
「＋」→「ショートコード」をクリックします。
先ほどコピーしたショートコードをペーストします。
その後、「公開する」をクリック。
手順③：WordPressメニューに表示
WordPressの管理画面から「外観→メニュー」をクリックします。
「メニュー名」を自分がわかる名前にして、「メニューを作成」をクリックします。
※メニュー名は、ブログ内に反映されません。
固定ページの中から「お問い合わせ」にチェックを入れ、「メニューに追加」をクリックします。
次に、メニューを表示したい位置にチェックを入れ、「メニューを保存」をクリックします。
上記のように、ブログのトップページに表示されます。
以上で、お問い合わせページの設置は完了です。
Contact form7のカスタマイズ
自動返信メールの設定方法を紹介します。
デフォルトのままだと、お問い合わせをくれた人に自動返信メールが設定されていません。
Contact Form 7では、お問い合わせをくれた人に対して自動返信メールを設定できます。
WordPressの管理画面から「お問い合わせ→コンタクトフォーム」をクリックします。
お問い合わせフォームの「編集」をクリックします。
「メール」の設定画面を開きます。
「メール (2) を使用」にチェックを入れます。
題名とメッセージ本文を変更しましょう。
題名：「お問い合わせありがとうございました」など。
メッセージ本文：自動返信メールの中身を入力しましょう。そのまま相手に内容が送信されます。
忘れずに「保存」をクリック。
「Contact Form 7」でお問い合わせフォームをそのまま使用していると、スパムメールが届く可能性が高いです。
そこで「reCAPTCHA」という、Googleが無料で提供しているBOTと人間を自動で区別するサービスを利用するのがおすすめ。
プラグイン「Invisible reCaptcha for WordPress」を使えば、WordPressのお問い合わせフォーム保護以外にも、不正ログインを防いでくれます。
詳しくは、「【スパム対策プラグイン】Invisible reCaptcha for WordPressの使い方・設定方法」で解説しています。
まとめ
今回は、【プラグイン】Contact Form 7を使ったお問い合わせフォームの使い方と設置方法について解説しました。
WordPressでブログを運営しているなら、早めに作成しておくことをおすすめします。
設置しておくと読者とつながったり、企業からお仕事の依頼が来たりするのでチャンスを逃さないためにも大切です。
よかったら参考にしてみてください。
にほんブログ村