> アフィリエイトに役立つおすすめツール <

「Contact Form 7」の使い方を徹底解説!お問い合わせフォームをカンタン設置!

  • URLをコピーしました!

どうも、ひろもん(@hiromon_com)です。

サイトにお問合せフォームを設置していると、ユーザーからの質問以外にも、ASPや企業、アフィリエイターなどからさまざまなオファーが届きます。

とくに企業からのオファーは、非常に好条件で一気に報酬伸ばすチャンスです。

またお問い合わせ先がないサイトは、信頼性が低いと判断されてしまうので、怪しいサイトを運営していないのであれば、お問い合わせフォームを必ず設置しましょう。

そこで今回は、WordPressにカンタンにお問い合わせフォームを設置できるプラグイン「Contact Form 7」について徹底解説します。

この記事でわかること
  • 「Contact Form 7」の使い方
  • 「Contact Form 7」のスパム対策
タップできる目次

「Contact Form 7」の使い方

「Contact Form 7」の使い方

インストール方法

「Contact Form 7」は無料プラグインのため、WordPressの管理画面からインストールできます。

STEP
プラグインの[新規追加]をクリック
プラグインのインストール手順1

プラグインにカーソルを合わせるとサブメニューが表示されるので、[新規追加]をクリックします。

STEP
検索ボックスに「Contact Form 7」と入力
プラグインのインストール手順2

右上の検索ボックスに「Contact Form 7」と入力すると、該当するプラグインが表示されます。

STEP
[今すぐインストール]をクリック
プラグインのインストール手順3

[今すぐインストール]をクリックするとインストールが開始されます。

STEP
[有効化]をクリック
プラグインのインストール手順4

インストール完了後、[有効化]をクリックして完了です。

初期設定

初期設定をしなくても使用できますが、初期設定をした方がより使いやすくなります。

STEP
WP管理画面の[お問い合わせ]をクリック
「Contact Form 7」の初期設定1

「Contact Form 7」を有効化すると、管理画面に[お問い合わせ]が追加されるのでクリックします。

STEP
[コンタクトフォーム1]をクリック
「Contact Form 7」の初期設定2

お問い合わせフォームは新規作成することもできますが、あらかじめ用意されている「コンタクトフォーム1」を編集して使います。

「コンタクトフォーム1」という名前は、編集画面で「お問い合わせフォーム」など好きな名前に変更できます。

STEP
フォーム内容を変更する
「Contact Form 7」の初期設定3

氏名:お名前(必須)
メールアドレス:メールアドレス(必須)
題名:件名(必須)
(任意):(必須)
textarea your-message:textarea* your-message

テキストとタグを上記のように変更します。

初期状態だと本文が空欄でもお問い合わせできてしまうため、その対策としてメッセージ本文のタグにアスタリスク(*)を付けて、入力必須項目にしています。

内容を変更したものが以下です。

「Contact Form 7」の初期設定4
STEP
[保存]をクリック
「Contact Form 7」の初期設定5

右上にある[保存]をクリックして初期設定は終了です。

設置方法

「Contact Form 7」の使い方はすごく簡単です。

STEP
WP管理画面の[お問い合わせ]をクリック
「Contact Form 7」の設置方法1
STEP
[ショートコード]をコピー
「Contact Form 7」の設置方法2

フォームを埋め込むショートコードが表示されているのでコピーします。

STEP
固定ページの[新規追加]をクリック
「Contact Form 7」の設置方法3

固定ページを新規追加します。

STEP
ショートコードをコピペする
「Contact Form 7」の設置方法4

タイトル:お問い合わせ
本文:ショートコードをコピペ

ショートコードをコピペすると、自動的に「Contact Form 7」ブロックが挿入されます。

クラシックエディターでも同じ手順です。

STEP
[公開]をクリック
「Contact Form 7」の設置方法5

[公開]をクリックしてお問い合わせページの完成です。

パーマリンクは「contact」など、好きなものに変更してください。

動作確認

お問合せフォームが完成したら問題なく動作するか確認を行います。

STEP
自分宛てに送信する
「Contact Form 7」の動作確認1

すべての項目をテキトーに入力し[送信]をクリックします。

メッセージはWordPress管理画面の「設定 > 一般 > 管理者メールアドレス」に設定されているメールアドレス宛に送信されます。

STEP
送信メッセージを確認
「Contact Form 7」の動作確認2

お問い合わせフォームに問題がなければ、送信メッセージが表示されます。

送信メッセージは設定画面から変更できます。

STEP
届いたメッセージを確認
「Contact Form 7」の動作確認3

とくに問題ないようなら動作確認は終了です。

スパムメッセージ対策

お問い合わせフォームを設置すると、英語のスパムメッセージが大量に届き非常に迷惑なので、ここからはスパムメッセージ対策について解説します。

スパムメッセージ対策は2種類あり、どちらか一つを導入するだけでOKです。

スパム対策は2種類

  • Akismet Anti-Spam:プラグインを使った方法
  • reCAPTCHA:Googleのサービスに登録する方法

ここでは私がいつも利用している「Akismet Anti-Spam」を使った方法を解説しますが、「Akismet Anti-Spam」の初期設定は以下を参考に済ませておいてください。

STEP
タグを編集する
「Contact Form 7」のスパムメッセージ対策1

お問い合わせフォームの設定画面で、お名前とメールアドレスのタグの末尾に[akismet:author]と入力します。

「akismet:author」の先頭に半角スペースを入れてください。

内容を変更したものが以下です。

「Contact Form 7」のスパムメッセージ対策2

[akismet:author]をタグに追加すると、お問合せフォームに入力された名前とメールアドレスが「Akismet Anti-Spam」のデータベースで照会され、過去にスパム行為を行っていないかチェックされます。

もし過去にスパムを行っていた場合は、メッセージが送信されません。

STEP
[保存]をクリック
「Contact Form 7」のスパムメッセージ対策3

右上にある[保存]をクリックしてスパム対策は終了です。

設定はすごくカンタンですが、この設定を行うだけで毎日30通ほど届いていたスパムメッセージが一切届かなくなったので、効果は絶大です。

まとめ

お問い合わせフォームは設置するメリットしかないため、サイトを立ち上げたら必ず設置した方がいいです。

「Contact Form 7」を使えば、数分でサクッと設置が終わるので、ぜひ活用してみてください。

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

コメント

コメントする

タップできる目次