ブログ運営

Contact form 7を使ってお問い合わせフォームを作成

お問い合わせ

どうも。初めてお問い合わせフォームを作成したつじたくです。

wordpressでお問い合わせフォームを作成する場合どうすればいいのか調べたところ

「Contact form 7」というプラグインが存在したので、このプラグインを使ってお問い合わせフォームを作成してみました。

今回は「Contact form 7」の使い方について書きたいと思います。

Contact form 7とは

「Contact form 7」とはwordpressにお問い合わせフォームを簡単に設置することが出来るプラグインです。

https://ja.wordpress.org/plugins/contact-form-7/

星4()と非常に評価が高いことが分かります。

「お問い合わせフォーム」といえばメール送信やメール送信確認文言etcなどの設定がめちゃくちゃめんどくさそうな気がしますがHTMLやCSSの知識は一切なしで作成できます。

 

つじたく
つじたく
HTMLの知識なしで作れるのは最高やん

 

実際に作成した「お問い合わせフォーム」はこちらです。

お問い合わせ
お問い合わせ当ブログをご覧いただきいただきありがとうございます。 本ページはお問い合わせページです。 1.サイト内容に関するご質問 ...

「Contact form 7」はこんな感じの「お問い合わせフォーム」がコピペで作れるプラグインです!

Contact form 7|インストール方法

下記画像の赤枠の部分に注目してください。

wordpress左サイドバーでプラグイン新規追加キーワード検索で「Contact form 7」を入力すると対象プラグインが候補に表示されると思います。

そして「今すぐインストール」 → 「有効化」をすれば「Contact form 7」がインストールされて使用できる状態になっているはずです!

これでインストールは完了しました。

Contact form 7|使い方

スグに使いたい場合

「Contact form 7」の良いところはインストールした段階で基本的にはすぐ使える状態になっていることです。

wordpress左サイドバーのお問い合わせコンタクトフォームコンタクトフォーム1ショートコード

のコードをコピペします。

contact-form-7-inquiry-form-2

そして作成したいお問い合わせページにコードをコピーすれば下記のようなお問い合わせフォームが完成します。

contact-form-7-inquiry-form-3

wordpressの固定ページなどを使ってお問い合わせページを作成するのもいいかもしれません。

つじたく
つじたく
 めっちゃ簡単やーん

各種設定を変更したい場合

フォーム

ここではお問い合わせ内容の設定を変更できます。

デフォルトで用意されているフォームでも十分だと思いますが「ドロップダウンメニュー」「承諾確認」「ラジオボタン」なども追加で設定出来るので、お問い合わせだけではなく簡易的なアンケート等も作成出来るのではないでしょうか。

メール

「メール」ではフォームが送信された場合に送られるメール設定を変更できます。

[your-name]、[your-subject]、[your-email]などはフォームで入力された値が入ります。

こちらも基本はデフォルトで問題ない場合が多いのではないでしょうか。

メッセージ

ここでは各場面に応じて表示されるメッセージの設定が出来ます。

見てみると、「メッセージが正常に送信されたとき」、「メッセージの送信に失敗したとき」、「入力内容に不備が見つかったとき」などかなり細かくメッセージが表示されるようになっています。

もし表示されるメッセージを変更したい場合は、ここから変更出来ますね。

contact-form-7-inquiry-form-7

インテグレーション

インテグレーションは、プラスαの機能です。

この項目を設定しなくても問題なく動作しますが、「お問い合わせフォーム」に機能追加したい場合は設定しましょう。

(ちなみにまだ私は設定していません)

contact-form-7-inquiry-form-8
constant contact

メールでマーケティングが出来る機能のようです。

こちらのサービスとの連携になります。

https://www.constantcontact.com/global/home-page

reCAPTCHA

スパム攻撃(迷惑攻撃)から守ってくれる機能です。

お問い合わせフォームは誰でも無制限にボタンを押せるので、迷惑なユーザーからのお問い合わせを遮断してくれるようです。

こちらのサービスを利用することになります。

https://www.google.com/recaptcha/intro/v3.html

Contact form 7|まとめ

ここまで設定等を確認してきましたが、

要点まとめ

デフォルト設定で問題なし!

ですね!

本当に細かく設定変更したい方は変更を検討されてみても良いと思いますが、それ以外の方はデフォルト設定で問題ないと思います!