
今回は、ワードプレスに問い合わせフォームを簡単に入れられる
『Contact Form 7』というプラグインについて解説していきます。
このプラグインが優れているのは誰でも簡単に設置できて
尚且つカスタマイズもでる点にあります。
では早速、解説していきたいと思います。
ワードプレスへ 『Contact Form 7』をインストール
まず、問い合わせをフォームを作る第一歩は
ワードプレスへ”contact form7”をインストールする事です。
ワードプレスの管理画面→プラグイン→ 新規追加
へと進みます。
次に、キーワードから「”contact form7”」を検索します。
それから、下記のプラグインを見つけたら「今すぐインストール」をクリックしてください。
次に有効をしていきます。
お問合せフォームを作成
次に、実際にお問い合わせフォームをインストールした
”contact form7”を使って作成していきます。
手順です。
ワードプレスの管理画面→問い合わせ→新規追加
と進みます。
”contact form7”のカスタマイズ
次に”contact form7”を設置していきます。
フォーム
まず「フォーム」では問い合わせに必要な項目を選択できます。
※デフォルトでは、
- 名前
- メールアドレス
- 題名
- メッセージ本文
- 送信ボタン
がプリセットされていますので
これ以上の項目をカスタマイズしたい場合はフォームテンプレートが選んでいきます。
ちなみに、個人的には、デフォルトで十分なのでデフォルトで設定しています。
メール
メールでは基本的には送信先のメールアドレスを入力します。
つまり、ワードプレスの問い合わせ内容を送信するメールアドレスです。
他は、基本的にはデフォルトのままで良いです。
メッセージ
ここは、
- 正常に送信された
- メッセージの送信に失敗した
- 入力不備が見つかった
- etc…
の場合の表示メッセージです。
カスタマイズしてもOKですが個人的にはここはデフォルトで十分だと思います。
その他の設定
最後に、その他の設定に進み下記コードをコピーします。
以上でプラグイン側の設定は完了です。
ワードプレスの固定ページへ問い合わせフォームを設置する
最後に、固定ページに問い合わせフォームを設置します。
ワードプレスの管理画面→固定ページ→新規追加
と進んでください。
次に固定ページの新規投稿を以下のように入力していきます。
①タイトルを入力します。 ここでは「問合せ先」としています。
②Index 「nonindexする」にチェックを入れます。
これはSEO対策としてコンテナのない記事をインデックスしない為です。
③
テキスト(ビジュアルでない)に
文面
例:質問やご相談はお気軽にお問い合わせください。
と
上記でコピーしたコードを貼り付けます。
以上で公開してください。
※ 必ず「テキスト」画面にコードは貼り付けてください。ビジュアル画面だと表示されません。
以上で以下のようなフォームが作成されます。
まとめ
以上がワードプレスに問い合わせフォームをプラグインで簡単に作成する
”Contact Form7”について解説してきました。
後は、この固定ページなどにリンクすれば完了です。
参考にしていただければ幸いです。