はじめに
これまで,
メールフォームの歴史は非常に長いため,
FormITのインストール
もはや解説の必要も無いかもしれませんが,
FormITスニペットを導入すると,
余談ですが,
FormITとリソースの関係
以前SimpleSearchスニペットを導入した際に,
- メールフォーム自体のリソース
(なかみつ園で言えば,http:// www. nakamitsuen. com/ form. html) - 問い合わせメールのテンプレートとなるリソース
(チャンク)
では,
メールフォームリソースの作成
ここでは,
表1 メールフォーム用リソースの作成
タイトル | お問い合わせ |
---|---|
エイリアス | form |
公開する | チェック |
リソースコンテンツ | リスト1の内容 |
リスト1 メールフォーム用リソース
[[!FormIt?
&hooks=`email`
&emailTpl=`formit_mailbody`
&emailSubject=`【お茶のなかみつ園】お問い合わせありがとうございます`
&emailTo=`user@example.com`
&emailToName=`お茶のなかみつ園`
&validate=`name:required,
email:email:required,
message:required`
&successMessage=`<p>お問い合わせを受け付けました。</p>`
]]
<p>
<div class="success" style="color: #ff0000">[[!+fi.successMessage]]</div>
</p>
<form class="form" action="[[~[[*id]]]]" method="post">
<table id="contactform">
<tbody>
<tr>
<th>お名前<span style="color: #ff2222;">*</span></th>
<td><input id="name" name="name" type="text" value="[[!+fi.name]]" /><br /><span class="error">[[!+fi.error.name]]</span>
</td>
</tr>
<tr>
<th>メールアドレス<span style="color: #ff2222;">*</span></th>
<td><input id="email" name="email" type="text" value="[[!+fi.email]]" /><br /><span class="error">[[!+fi.error.email]]</span></td>
</tr>
<tr>
<th>問い合わせ内容<span style="color: #ff2222;">*</span></th>
<td><textarea id="message" cols="35" rows="7" name="message">[[!+fi.message]]</textarea><br /><span class="error">[[!+fi.error.message]]</span></td>
</tr>
<tr>
<th><br /></th>
<td><input id="submit" name="submit" type="submit" value="送信" /></td>
</tr>
</tbody>
</table>
</form>
※ 送信先メールアドレスの部分は適宜変更してください。
次に,
リスト2 formit_
==============================================================<br />
※ 本メールは自動送信です。返信することは出来ません。<br />
==============================================================<br />
<br />
下記のお問い合わせを受け付けました。通常,2営業日以内にご連絡<br />
いたします。お急ぎの場合は,お手数ですがお電話にてお問い合わせ<br />
下さい。<br />
<br />
--------------------------------------------------------------<br />
お問い合わせ内容<br />
--------------------------------------------------------------<br />
<br />
お名前: [[+name]] 様<br />
メールアドレス: [[+email]]<br />
<br />
お問い合わせ内容:<br />
[[+message]]<br />
以上のようにリソースとチャンクを作成した結果,
一方で,
リスト3 送信されてくるメールの内容
==============================================================
※ 本メールは自動送信です。返信することは出来ません。
==============================================================
下記のお問い合わせを受け付けました。通常,2営業日以内にご連絡
いたします。お急ぎの場合は,お手数ですがお電話にてお問い合わせ
下さい。
--------------------------------------------------------------
お問い合わせ内容
--------------------------------------------------------------
お名前: テスト 様
メールアドレス: foo@example.com
お問い合わせ内容:
問い合わせのテスト
現時点では,