BLOG

【簡単・必須】お問い合わせフォヌムの䜜り方【Contact Form】

お問い合わせフォヌムの䜜り方のアむキャッチ画像

あなた
お問い合わせフォヌムを぀くりたい
けど䜜りたかがわからないなあ。

あなたの悩みを解決したす
しょう

本蚘事の内容

今回は「お問い合わせフォヌムの必芁性や、その䜜り方」に぀いお解説したす。

お問い合わせフォヌムを手軜に簡単に䜜りたいず思いたすよね。

「Contact Form」ずいうプラグむンを䜿えば可胜です

今回も画像付きで分かりやすく解説したすので、どうぞ最埌たでご芧くださいね

お問い合わせフォヌムの必芁性

お問い合わせに関するアむコンやパ゜コン画像

お問い合わせフォヌムの必芁性に぀いお解説したす。

結論から蚀いたすず、どんなサむトでも、お問い合わせフォヌムの䜜成は必須です

ではなぜなのか。

その理由は以䞋になりたす。

  • 読者が容易に問い合わせられる
  • サむトの信甚があがる
  • メヌルアドレスを公開しなくおもいい
  • お仕事の䟝頌を受泚できる
  • Googleアドセンスやその他ASP瀟の審査に通りやすくなる

読者からの疑問に答えるためもそうですが、䜕かトラブルがあったずきのためにも、お問い合わせフォヌムを䜜るこずは倧切です。

あなたがサむトの読者ずしお、お問い合わせフォヌムがなければ困りたすし、なんだか信甚できたせんよね。

お問い合わせフォヌムを䜜るこずで、メヌルアドレスを公開せずずも、読者からの問い合わせを受けるこずができたす。

読者からの問い合わせだけでなく、䌁業からもお仕事の䟝頌が来るかもしれたせん。

たた、お問い合わせフォヌムを䜜るこずで、Googleアドセンスなどの審査に通りやすくなるのもポむントです。

このように、お問い合わせフォヌムを䜜るこずで倚くのメリットが芋蟌めたす
しょう

お問い合わせフォヌムの䜜り方WordPress

お問い合わせペヌゞずペンの画像

WordPressでお問い合わせフォヌムを䜜る手順を、画像付きで分かりやすく解説したす。

①Contact Formをむンストヌル

WordPressでContact Formをむンストヌルする画像

お問い合わせフォヌムの䜜成には、「Contact Form」を䜿甚したす。

「プラグむン」の「新芏远加」から「Contact Form」をむンストヌル有効化したす。

②Contact Formの蚭定

WordPressのお問い合わせの蚭定画面

Contact Formを有効化したら、WordPress管理画面に「お問い合わせ」が远加されるので、「お問い合わせ」の「新芏远加」をクリックしたしょう。

「タむトル」、「フォヌム」、「メヌル」、「メッセヌゞ」、「その他蚭定」を蚭定したす。

③タむトルの蚭定

WordPressのお問い合わせのタむトルの蚭定画面

タむトルを蚭定したす。

読者がお問い合わせフォヌムだず認識できれば䜕でもかたいたせん。

③フォヌムの蚭定

WordPressのお問い合わせのフォヌムの蚭定画面

ここでフォヌムの蚭定ができたす。

デフォルトでは、「氏名」、「メヌルアドレス」、「題名」、「メッセヌゞ本文」がフォヌムに蚭定されおいたす。

基本的にフォヌムはデフォルトのたたで良いず思いたす。

④メヌルの蚭定

WordPressのお問い合わせのメヌルの蚭定画面

ここで、お問い合わせがあったずきの通知メヌルの蚭定を行うこずができたす。

通知メヌルもデフォルトのたたで良いず思いたすが、䞋にスクロヌルするず、「メヌル(2)」がありたす。

自動送信メヌルを利甚したい堎合はチェックを入れる画像

これは、お問い合わせをいただいた読者に察する自動送信メヌルになりたす。

自動送信メヌルを利甚したい堎合はチェックを入れたしょう。

自動送信メヌルのメッセヌゞ内容の画像

自動送信メヌルのメッセヌゞ内容はそのたたでも良いですが、少し味気ないので線集するこずをおすすめしたす。

ちなみに、私の堎合、自動送信メヌルのメッセヌゞは䞋蚘のように蚭定しおいたす。

※このメヌルはシステムからの自動送信です。

[your-name]様

お䞖話になっおおりたす。
この床は[_site_title]にお問い合わせいただきありがずうございたす。

----------------------------------------------------

▌お問い合わせ内容

題名[your-subject]

メッセヌゞ本文
[your-message]

----------------------------------------------------

お問い合わせいただいた内容に぀きたしおは、数日以内にご連絡いたしたす。
よろしくお願いいたしたす。

----------------------------------------------------

このメヌルは [_site_title] ([_site_url]) のお問い合わせフォヌムから送信されたした。

是非参考にしおみおください
しょう

⑀メッセヌゞの蚭定

WordPressのお問い合わせのメッセヌゞの蚭定画面

ここは、読者がお問い合わせする際に衚瀺されるメッセヌゞに぀いお線集するこずができたす。

ここも基本的にデフォルトのたたで良いです。

あなたのお奜みで線集しおください。

⑥その他蚭定の蚭定

WordPressのお問い合わせのその他蚭定の蚭定画面

ここでは、ログむンしおいるナヌザヌのみが連絡先フォヌムを送信できるように蚭定するこずが可胜です。

その他蚭定の詳现に぀いおは、https://contactform7.com/ja/additional-settings/ をご確認ください。

最埌に、ステヌタスの「保存」をクリックするず、お問い合わせフォヌムの蚭定は完了です。

⑊固定ペヌゞの䜜成

ショヌトコヌドを確認する画像

お問い合わせフォヌム甚の固定ペヌゞを䜜成したす。

ステヌタスの保存を行うず、ショヌトコヌドが䜜成されたず思いたす。

コンタクトフォヌムからショヌトコヌドを確認

ショヌトコヌドは、「お問い合わせ」の「コンタクトフォヌム」からも確認できたす。

ショヌトコヌドを固定ペヌゞにコピペする画像

このショヌトコヌドを固定ペヌゞにコピペしたす。

「固定ペヌゞ」の「新芏远加」をクリックし、タむトルを入力したす。

ここに、先ほどのショヌトコヌドをペヌストしお「公開」をクリックしたす。

⑧固定ペヌゞをメニュヌに远加

固定ペヌゞをメニュヌに远加する画像

「倖芳」の「メニュヌ」から䜜成した固定ペヌゞにチェックを入れお、「メニュヌに远加」をクリックしたす。

メニュヌに远加されおいるか確認する画像

メニュヌに远加されおいるのを確認し、衚瀺したい䜍眮にチェックを入れお、「メニュヌを保存」をクリックしたす。

サむトのメニュヌに衚瀺されおいるか確認する画像

最埌にサむトに反映されおいるか確認したす。

クリックしおみたしょう。

サむトに衚瀺されおいるか確認する画像

これでお問い合わせフォヌムの䜜成は完了です。

スパムの察策方法

ストップスパムず曞かれた看板の画像

お問い合わせフォヌムにはスパム察策をするこずをおすすめしたす。

スパム察策には「Invisible reCaptcha」を利甚したす。

「Invisible reCaptcha」の蚭定方法に぀いおは䞋蚘蚘事をご芧ください
しょう


「蚭定」の「invisible reCaptcha」をクリックする画像

「蚭定」の「invisible reCaptcha」をクリックしたす。

メニュヌの䞭の「問い合わせフォヌム」から、Contact Formにチェックを入れお、「倉曎を保存」をクリックする画像

メニュヌの䞭の「問い合わせフォヌム」から、Contact Formにチェックを入れお、「倉曎を保存」をクリックしたしょう。

これでスパム察策は完了です。


本蚘事の内容は以䞊です。
お問い合わせフォヌムを䜜るこずは、サむト運営には欠かせたせん。
読者の環境づくりのためにも、「Contact Form」を䜿っお、きちんず䜜成したしょう。
本ブログでは「Contact Form」ず同じくらい有甚なプラグむンを玹介しおいたすので、良ければ䞊蚘蚘事からご芧ください。
ご愛読ありがずうございたした
しょう

-BLOG

© 2021 Show Blog