Contact Form 7の導入と使い方『アフィリエイトブログにメールフォームを設置する方法』


この記事では、私のブログでも使っている、お問い合せフォームを作成できるプラグイン「Contact Form 7」の導入方法と使い方について解説します。

Contact Form 7は、生成されたコードを固定ページやウィジェットなどに貼り付けるだけでお問い合せフォームが設置できる便利なプラグインで、現在アフィリエイトをやられている方に愛用されているプラグインです。

 Contact Form 7の導入方法

Step.1

コンタクトフォーム画像1

まず、ワードプレスの管理画面にログインして「プラグイン」→「新規追加」を選択し、検索フォームにContact Form 7と入力して、「プラグインの検索」をクリックします。

コンタクトフォーム画像2ContactForm7が、一番上に表示されたと思います。「いますぐインストール」をクリックしてインストールし、有効化まで行います。

Step.2

コンタクトフォーム画像3

有効化まで済んだら次は設定を行います。

管理画面から「プラグイン」→「インストール済みプラグイン」へと進みます。

コンタクトフォーム画像4

インストール済みのプラグインのリスト中からContact Form 7の「設定」をクリックします。

コンタクトフォーム画像5

有効化したばかりでは、「コンタクトフォーム 1」というタイトルになっています。

その下の赤枠になっているコードをコピーして下さい。

Step.3

コンタクトフォーム画像6

固定ページや記事にコピーしたコードを貼り付けると、そこにメールフォームを設置することができます。

一般的なお問い合わせ用のフォームを設置する場合は、固定ページに設置すると良いです。

コードを入力したらその記事を公開すると、その固定ページがメールフォームになります。

Contact Form 7の設定方法

ここからは、Contact Form7の使い方について解説します。

まずは、ワードプレスのダッシュボード→お問い合わせ→コンタクトフォームと進みます。

p1

すると、このような画面になります。まず、画面上のコンタクトフォーム1と書かれた部分の下にコードがあると思います。

このコードを、お問い合わせフォームを出力する固定ページのテキストエディターに貼り付けます。

フォーム

このフォームの部分にContact Form 7で使われるコードを追加していくことで、お問い合わせフォームをカスタマイズできます。

Contact Form 7で使われるコードは画面右にある「タグの作成」から選ぶことができます。

p2

「タグの作成」をクリックすると、様々な追加項目が現れます。

本来は全部について説明したいのですが、今回はお問い合わせスパム防止のためのクイズの設定を説明します。これを設定するだけでも十分に使えます。

p3

 

先ほどのクイズの部分を選択すると、赤枠のような設定画面が出てきます。

ここを設定します。

p4

名前の下のオプションは、入力フォームのサイズを設定する部分ですが、今回は質問と答えの部分を説明します。

ここに次のように入力します。

p5

例示もしてあるので分かるかと思いますが、質問|答え、というように設定して下さい。

ここでは50+50=?|100としていますが、ワードプレスの管理画面の事をなんという?|ダッシュボード、などと日本語でもOKです。ただし、中間線の「|」は半角です。

入力が完了すると、下の赤傍線部にコードが表示されますので、これをコピーして左側のフォームに貼り付けます。

p6

貼り付ける場所は任意ですが、今回はスパムチェックということで、送信ボタンの直前に配置しました。

そして、他の項目にならい、pタグで説明文を追加しました。

設定が完了したら、画面上にあった保存を押して設定完了です。

メール

p7

続いて、メールの設定画面です。「宛先:」の部分にお問い合わせを受信するメールアドレスを入力すればOKです。設定が完了したら、画面上の保存をクリックで設定完了です。デフォルトではワードプレスに設定されているメールアドレスがここに表示されています。

ここも「宛先:」の部分のみの説明とします。

メッセージ

p8

メッセージの部分は、メールの送信が成功したり、失敗した時などに表示される案内文です。

ここは各項目ごとに自由に設定できるので、お好みで文章を作って設定して下さい。設定が完了したら、画面上の保存をクリックで設定完了です。

各種設定が完了したら、お問い合わせのページを確認してみましょう。

p9

このようになっていればOKです。

念のため、自分でここからお問い合わせをしてみて、不具合がないか確かめて下さい。

尚、今回のクイズ以外の設定は、Contact Form 7の開発者のブログで確認することができます。

開発者は日本人の方なので、日本語の詳しい説明がなされていますから、安心して利用できます。

次ページ

12次

今回の記事はお役にたてましたでしょうか?

もし、今回の記事を読んで感想や分からない事などありましたら、下のフォームより僕にお伝え下さい。

些細な事でも構いません。

おそらく、あなたが抱いた疑問は、これからこの記事を読む方も抱く疑問です。

そういった疑問を1つ1つ解決していきます。

コメントして頂ければ気づき次第、すぐに回答いたします。

このブログは、

・アフィリエイト開始初月から9万円のネット収入が得られた秘密

アフィリエイト開始2ヶ月目で以前勤めていた会社からの給料と
 同額
のネット収入を確保した方法

・5ヶ月目で月収120万円を達成した最先端テクニック

・これから流行り始めるブログマネタイズの新しい思考法

などを書いています。

只今、ブログの内容をより体系的にまとめたビジネス教科書を
無料でプレゼントしています。

以下のフォームに教科書を受け取るメールアドレスと、
あなたの苗字を記入してプレゼントをお受け取り下さい。





記事一覧


著者:ヒデアキ
現在は、毎月100万円の収入を得ているブログアフィリエイトの知識を活かして「新たな収入源を手に入れ大切な人を守りたい」と真剣に考えている方を全力でサポートしています。
更に詳しいプロフィールはこちら


このページの先頭へ