wordpressの問い合わせフォームは「MW WP Form」が超ベンリ!
作成方法はすごく簡単♪
作成された方のHPもあります!
①手書きかデスクトップのwordやエクセルなどで、
問い合わせフォームの項目を決める
お名前・ふりがな・電話番号・住所・メールアドレス・メッセージ などなど
②ダッシュボードの「MW WP Form」をクリックすると
すぐ下に「新規追加」と表示されるのでクリック!
③フォームの名前を入力
すぐ下の本文枠内に①で決めた項目名を順に入力←これが項目のタイトルになるよ
④ ③で入力した項目名の下にフォームタグを追加していく
(フォームタグを追加 の左側にあるプルダウンから当てはまるものを選んで追加)
⑤自動返信メール、管理者宛メールの設定をする。
「キー」と表現しているのは、フォームタグ入力時に表示された「name」の部分を入れる
※ここで私がハマッたのが自動返信メール設定の一番下、
【「自動返信メールにしようする項目のキーを入力してください。{ }は不要です。 】
ってヤツ。
自動返信メールに表示させたいキーを全部入れるのかと思っていれていたけど、
これはつまり、
「自動返信メールとしておくるときにあて先欄として使用するキーはどれ?」ってこと
だったので、私の場合は以下の書き方だったので
メールアドレス
[ mwform_email name=”メールアドレス” id=”b-mail” class=”b-mail” size=”60″ maxlength=”200″ ]
⇒「メールアドレス」っていれたら上手くいきました!
⑥完成したらフォーム識別子をコピーして、
フォームを挿入したいページの該当箇所にペっと貼り付け!
参考までに私が作ったフォームは以下
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 |
フォームコードはこちら! お名前 [ mwform_text name="お名前" id="b-name" class="b-name" size="60" maxlength="100"] ふりがな [ mwform_text name="ふりがな" id="b-hurigana" class="b-hurigana" size="60" maxlength="100"] メールアドレス [ mwform_email name="メールアドレス" id="b-mail" class="b-mail" size="60" maxlength="200"] 郵便番号 [ mwform_zip name="郵便番号" class="b-yuubinn"] 住所 [ mwform_text name="住所" id="b-address" class="b-address" size="60" maxlength="200"] お電話番号 [ mwform_tel name="電話番号" class="b-tel"] お問い合わせ内容 [ mwform_checkbox name="お問い合わせ内容" id="b-naiyou" class="b-naiyou" children="予約について,相談について,商品の購入について,その他" separator=","] メッセージ [ mwform_textarea name="メッセージ本文" id="b-message" class="b-message" cols="60" rows="5"] [ mwform_submitButton name="b-send" class="b-send" confirm_value="確認画面へ" submit_value="送信する"] |
自動返信メール
{お名前} 様
お問い合わせを頂きありがとうございます。
以下お問い合わせ内容の控えをお送りいたします。
**********************************
お名前:{お名前}
ふりがな:{ふりがな}
メールアドレス:{メールアドレス}
郵便番号:{郵便番号}
住所:{住所}
お電話番号:{電話番号}
お問い合わせ項目:{お問い合わせ項目}
問い合わせ内容:{メッセージ本文}
**********************************
その他ご不明な点などがありましたら
お気軽にお問い合わせ下さい。
管理者宛メール
ブログ お問い合わせフォームより連絡がありました
*******************************
お名前:{お名前}
ふりがな:{ふりがな}
メールアドレス:{メールアドレス}
郵便番号:{郵便番号}
住所:{住所}
お電話番号:{電話番号}
お問い合わせ項目:{お問い合わせ内容}
問い合わせ内容:{メッセージ本文}
*******************************