wordpressお問合せフォームを作る

wordpressでCMSビジネスサイトを作る場合、お問合せフォームは必須アイテム。

今やメールアドレスむき出しでサイトを公開している企業は イコールセキュリティに甘いイメージがあるようです。

問合せをするお客さんもメーラーを開いて送信するのには抵抗があるようですよ。

 

さて プラグインは有名なContact Form7

ダウンロードは下記URLから
http://wordpress.org/extend/plugins/contact-form-7/

導入方法

1:ダウンロードし解凍します

2:プラグインフォルダーにアップロードして有効化

3:ダッシュボードメニューの下にお問合せというのが現れるのでクリック

使い方は慣れれば簡単 お問合せでも見積もり依頼でも、いくつでもフォームを量産できます。

 

使い方

1:まずは新規追加をクリックします

contactf01

 

2:すると下記画面に変わりますので、タイトル(お問合せ等)を入力して 一旦保存を押します。

contactf02

 

3:保存を押すと茶色の枠でタグが出てきますので、これをコピペします。
その後、新規ページ作成で、HTMLモードで記事欄に、コピーしたタグを貼り付けます。
ページのタイトルは、フォームのタイトル(お問合せ等)で良いでしょう。これで一旦公開を押します。

contactf03

 

4:次に問合せフォームの内容を作ります。デフォルトで入力例があるので、これを基に作りましょう。

フォームは全て半角[ ] で囲みます

例えば 
※[]は全角にしていますので半角にしてくださいね。半角だと他のプラグインが反応してしまうので全角にしています。

ご氏名(必須):
[text* your-name]

な感じです。 textはテキストボックスを作る事を表します。
*は必須になるので(入力しないと送信出来ない項目)必須でなければ外しましょう。

テキストボックスならば全て 

 

となります。

なんでも良いのです。 例えば会社名ならば 

とかです
右側のタグの作成というところをクリックすれば自動で書き出してくれますが、
私はドロップダウンやラジオボタンメニュー以外は手打ちで作ります。

 

さて、ここからが大事なところ。

例えば下記の様なフォームを作るとします。(タグは入れてません)

会社名 (必須)
 [text your-company]

ご担当者名
[text your-name]

メールアドレス (必須)
 [email* your-email]

お問合せ内容
 [textarea your-message]

[submit “送信”]

このフォーム部分だけを作っても動作しません。

その下のメール部分、を設定しないとせっかくのお問合せも送られてこないのです。

contactf04

【設定方法】

宛先: お問合せ内容を送って欲しい貴方のメールアドレスを入れます。

差出人:[your-company]<[your-email]>

件名:貴方に届くメールの件名です。例(お問合せがありました等)

 

次に右側のメッセージ本文です。上の設定でもお分かりかと思いますが、

問合せフォーム内の入力された言葉は、フォームで使ったタグとは少し変わります。

例えば [text your-company] は [your-company] となります。

 

最初のフォームの種類を表すキーワードは削除してください。これしないと届きません。

ーメッセージ本文に入れる例ー

下記内容にてお問い合わせがありました。

会社名 (必須)
 [your-company]

ご担当者名
[your-name]

メールアドレス (必須)
 [your-email]

お問合せ内容
 [your-message]

となるわけです。

お問合せをくれた方へ自動返信メールを使いたい場合は

その下のメール2を使うをクリックして設定してください。

宛先等 逆にしないと届きませんからご注意くださいね。

このフォームは、このままでも使えますが、テーブルを使ったりCSS(ちょっと面倒)でも綺麗にカスタマイズすることが出来ます。それは またいずれの機会でということで・・

それではGood Luck.

人気ブログランキングへ

テーマのカスタマイズ等のご相談/お問い合わせはこちら
個人の方でもお気軽にご相談ください

   2011/06/14