ContactForm7 お問い合わせフォーム

 ● ContactForm7 ワードプレスのプラグイン 基本設定法

岡田です

img-contact

Contact Form 7 は、柔軟に項目を設定できる、お問い合わせフォーム作成プラグインです。

いろいろなフォームのプラグインがありますが、このフォームは、日本語にも対応し、シンプルで使いやすいのが特徴です。

応用すれば、自動返信メールの設定や、コンバージョン計測もできる、かなりのすぐれものプラグインです。

 

☆Contact Form 7導入方法

 ダウンロード → Contact Form 7 (日本語)

※WordPress3.4.1で動作確認

1.ファイルをダウンロード
2.解凍してファイルごとwp-content/pluginsにアップロード
3.プラグインを有効化

または、

1.管理画面「プラグイン」⇒「新規追加」⇒検索フォームにて「Contact Form 7」を検索
2.「インストール」をクリック⇒プラグインを有効化

 

☆基本的な Contact Form 7の使い方

管理画面「お問い合わせ」より、各種設定を行います。

初期設定として、「コンタクトフォーム1」という、フォームが作成されてます。それをカスタマイズするか、「新規追加」より、新しくフォームを作って編集していきます。

フォームは複数作成が可能ですので、様々なフォームを作成することが可能です。

STEP:1 ※1「タグの作成」をクリックし、作成したい項目を選び、各種設定を行います。

 img-contact2a2

・たとえば、「チェックスボックス」を選択すると、上記の画面が出ます。「選択項目」に、各項目を設定すると、※②や※③のように、コードが表示されます。

STEP:2 コードを「フォーム」と「メッセージ本文」に、コピペします。

 

 ・フォームの設定です。STEP1の、※②の赤枠内のコードを、上記の画像「フォーム」に、コピペしていきます。

 

 

・メール送信の設定です。

STEP:1の、※③のコードを、「メッセージ本文」に、コピペします。あわせて、タグの項目名も入れます。

全ての項目の設定が完了したら、「保存」します。

 

STEP:3 コードをコピーして、投稿またはページ、テキストウィジェットの本文内にペーストします

 

・保存をすると、上記画像のように、コードが表示されます。コードは、「固定ページ」「投稿」「ウィジェット」に貼り付けてください。

 

ga-contactcode1

・コードを貼り付けたら、保存します

STEP:4 表示の確認をする

 

 

※タグの具体的な使い方やAkismetとの連携は、配布元ページを参考にしてください。