【簡単設置】Contact Form 7でお問い合わせフォームを設置する

【簡単設置】Contact Form 7でお問い合わせフォームを設置する

どうも、ジョージです。

今日は、お問い合わせフォームが簡単に設置することができるWordPressのプラグイン

「Contact Form 7」のご紹介です!

お問い合わせフォームとは

お問い合わせフォームとは何かご存知でしょうか?

ウェブサイトを作る目的は人により違うかと思いますが

訪問してくれた方から連絡が欲しい時にお問い合わせフォームが活躍します。

お問い合わせフォームを設置することで

連絡をくれた方の必要情報を確実に入手することができますし

やりとりをスムーズに進めることができます。

また、自分のメールアドレスを掲載する必要がないというのもメリットの一つですね。

WordPressでウェブサイトを運営している場合

プラグインでお問い合わせフォームを簡単に作ることができます。

それでは早速お問い合わせフォームを作っていきましょう。

Contact Form 7の設置方法

WordPressで作ったウェブサイトにContact Form 7を使ってお問い合わせフォームを設置していきましょう!

まず、ダッシュボードのプラグインから新規追加をクリックします。

右上の検索枠に「Contact Form 7」と入力すると検索結果が下に表示されます。

「Contact F」まで打てば出てくるかとは思います。

検索結果の「Contact Form 7」にある「今すぐインストール」をクリックします。

「インストール中」となった後、「有効化」と表示されるのでクリックします。

有効化されるとダッシュボードのメニューに「お問い合わせ」という項目が追加されたかと思います。

お問い合わせの中から「新規追加」をクリックします。

コンタクトフォームの追加画面に移動します。

こちらには初期設定でそのまま使えるシンプルなお問い合わせフォームの項目がもともと入っています。

初期設定のままでも十分使えますので、お問い合わせフォームを埋め込んだ固定ページを作ってみましょう!

お問い合わせフォーム編集ページのタイトル入力欄の下にショートコードがあると思います。

このショートコードを全てコピーします。

↓こんな感じのショートコードになっているかと思います。

[contact-form-7 id="000" title="お問い合わせフォームのタイトル"]

ショートコードをコピーしたら固定ページの新規作成を行います。

編集画面の文章のブロックはフォーマットの中にあるカスタムHTMLを選択します。

カスタムHTMLのブロックの中に先ほどコピーしたショートコードを貼り付けます。

タイトルは「お問い合わせ」など、わかりやすいものにしておくといいと思います。

これで固定ページが作成できましたので、公開します。

公開ができたらお問い合わせページのURLができますので、そのURLからお問い合わせページに飛ぶことができるようになります。

お問い合わせページのリンクはサイドバーのプロフィールの中や、ヘッダー・フッターのナビゲーション部分に貼るとわかりやすくていいと思います。

ちなみに初期設定のままお問い合わせフォームを作るとこちらのページのようになります。

お問い合わせサンプル

まとめ

お問い合わせフォームを自分で作ろうと思うとプログラミングの勉強から始めないと行けないので、かなり時間がかかってしまいますが

プラグインを使えば簡単に設置できてすごく便利ですね!

また、便利なプラグインがあればご紹介していきたいと思います。

それではまた!