元にサンプルコードを掲載しています。最新版とはコードが異なりますが、方法は同じです。このページでは、既に稼働中のフォームがある場合、デザインを変えずにプログラムだけ「すぐ使えるメールフォーム」に置き換える方法をご紹介します。設定手順は以下の通りです。項目設定・メール設定まずは「すぐ使えるメールフォーム」の管理画面から、既存のフォームにある項目を漏れなく設定して下さい。必須設定なども既存の設定を反映させて下さい。メール本文も、現在送信されているものコピーした上で、必要な部分は差し込み項目用の記号で置き換えて下さい。設定が終わったら動作確認をして、デザインは違えど送信される項目は既存のフォームと同じものである事を確認して下さい。以下のファイル)を別の場所に保存しておいて下さい。既存のフォームにブラウザからアクセスして各画面のHTMLソースを「すぐ使えるメールフォーム」のテンプレートファイルの名前で保存して下さい。確認画面や完了画面についても同じように保存して下さい。既存のフォームには確認画面が無い場合は新たに作成して下さい。「すぐ使えるメールフォーム」では確認画面が必要です。ファイルの対応は以下の通りです。保存しておいたテンプレートからコピーします。必要なのは以下の4点です。説明に目を通してから作業を始めて下さい。<form>タグで置き換えて下さい。タグの代わりにペーストして下さい。お使いのフォームによっては確認画面に全ての入力項目が隠し項目として含まれている場合があります。上記以外に隠し項目が残っていたら全て削除して下さい。入力項目タグ(<input>、<select>、<textarea>)入力欄を置き換えます。同様に編集して下さい。保存したファイルの該当箇所にコピー&ペーストして下さい。「管理名」は管理画面の「項目」メニューで確認できます。タグ周辺のHTMLコメントごとコピーして下さい。それぞれ以下の範囲が対象になります。属性は不要であれば削除してしまって構いません。class="help-block">%_(管理名)_msg_%</span>」はこのまま残して下さい(詳細後述)。入力欄の周辺には項目名を表示したり必須マークを付けるための記号が記載されていますが、それらは元のフォームページに含まれている筈なのでコピーしなくて構いません。「メッセージ」とはその時々で必要な操作や起こったエラーの内容を伝えるために画面に表示されるテキストです。入力画面の初期表示で『項目にご記入の上「確認画面へ」ボタンを押して下さい。編集し、このメッセージを表示する部分に以下のコードをコピーして下さい。ファイルを保存した際に表示されていたメッセージが残っている場合はそれを置き換えて下さい。上記コードで「class="text-%_msg_class_%"」と表示されている部分(青字)は、ページ表示時に以下のように置き換わります。クラス定義をページ内に加えて下さい(下記例の青字部分)。class="help-block">%_(管理名)_msg_%</span>」部分は、エラーがあった時だけ「○○は×文字までで入力して下さい。」などのメッセージが表示されます。クラスを設定して下さい(下記例の赤字部分)。ファイルに指定しても構いません。確認画面の値フォームで送信された内容は、確認画面と完了画面に表示する事ができます。表示したい位置に「%_(管理名)_%」と記載しておくことで送信された内容に置き換わります。保存したファイルにペースト(値が表示されている部分を置き換え)して下さい。完了画面(templates/thanks.html)にも指定できます。動作確認これで設定作業は完了です。「すぐ使えるメールフォーム」のフォームを動かして動作確認を行って下さい。