ホームページテンプレートを無料配布中
商用利用もWEB制作業者様利用も全て無料

テンプレートパーティー

自動フォーム制作サービス(マニュアル)

基本ステップ

その他

まずはじめに:フォームタグを出力させる為のテンプレートを準備します

フォームを配置したいテンプレートのhtml側(※htmlファイル名は何でも構いません)を開き、以下の3行のタグを入力します。

▼以下のタグをコピペして下さい。

※このhtmlファイルはフォームにはなりません。あくまで出力用のテンプレートです。
ダウンロードされたファイル一式(4枚もしくは5枚)がフォーム関連のファイルとなりますので、最終的にこのファイルは削除してもらって構いません。

↑ ページの上部へ

STEP1 メンバーページへログインし、自動フォームページに移動

ライセンス代金のご入金後に送られてくるメールにログイン情報が記載されていますので、そちらからログインします。(※試用版はこのログイン画面へのアクセスはありません)

ログイン後、「自動フォームページへ移動」というリンクテキストがあるのでクリック。

自動フォームの生成ページが開きます。(※試用版はこの画面が最初に開きます)

↑ ページの上部へ

STEP2 「準備」メニュー

作成方法」のプルダウンメニューから「新規作成」を選びます。
他のサンプルメニューは、一般的な入力例が既に入っているタイプになります。全体の使い方が分からない場合などに1度お試し頂くと分かりやすいでしょう。(※試用版は3項目しか使えない為、このサンプル用フォームの全てを確認する事はできません。)


■作成方法に「サンプル1」または「サンプル2」を使う場合の注意点
生成時にメールアドレスにシステム開発会社のものが入りますので、必ずご自身のアドレスに変更して下さい。

■「保存データ」とは
自動フォーム生成の最後のステップで保存できる「フォームの設定データ(formsave.php)」を読み込む項目です。後日、部分的に編集したくなった場合にゼロから入力する必要がなく便利です。この「保存データ」を使う場合は、上のプルダウンは「新規作成」を選択しておいて下さい。

↑ ページの上部へ

STEP3 「メール設定」メニュー

通知メールの設定などを行います。

  • フォームタイトル…フォーム用の「入力」「確認」の2枚のhtmlのテーブルの見出しに使われます。
  • ユーザ向けメール件名…フォーム利用者に対して送られる自動返信メールの件名です。
  • ユーザ向けメール本文…フォーム利用者に対して送られる自動返信メール本文の冒頭の文章です。
  • 管理者向けメール件名…管理者に対して送られる自動返信メールの件名です。
  • 管理者向けメール…管理者に対して送られる自動返信メール本文の冒頭の文章です。
  • 管理者メールアドレス…通知先となるメールアドレス設定です。
  • 送信元メールアドレス…送信元情報として通知メールにのる情報です。未入力だとメールが空になる場合もあるようなので、管理者メールアドレスと同じ場合でも入力するようにしておいて下さい。
  • 送信元名称…あなたのサイト名や会社名を入力します。
  • 署名…通知メールの最後に入る文章です。署名だけでなくても構いません。
  • 確認メッセージ…フォーム用の「確認」画面のテーブル見出しの上に表示されます。
  • 完了メッセージ…フォーム用の「完了」画面にテキストとして表示されます。
  • 入力項目先頭…通知メール内にフォームからの情報が掲載されますが、その各行の頭に付けられる記号です。「●」や「■」など、見やすい記号を設定しておくと便利です。尚、特殊な文字は文字化けする可能性があるのでご注意下さい。

※上記の説明だけではよく分からない場合は、実際に設定してみて状況を確認してみて下さい。

↑ ページの上部へ

STEP4 「フォーム設定」メニュー

フォームの項目を設定する画面です。最大「20項目」までのフォームを作る事ができます。
尚、試用版は動作の最低確認をする為のものなので3項目のみです。3項目のみで足りる場合は試用版だけご利用頂いても構いません。

各パーツの説明

質問見出し

お名前、メールアドレスなど、フォームテーブルの左側の見出しに出力されます。

機能

以下に詳しい解説があります

選択肢(選択の場合)

単一選択(ラジオボタン)、複数選択(チェックボックス)、選択(プルダウン)、複数個1行テキスト入力など、選択肢が2つ以上ある場合に内容(選択肢)をここに入力します。入力した1行分が1個分の選択肢になります。最後の行には改行を入れないようにご注意下さい。

必須項目

入力必須にさせたいならチェックを入れて下さい。

入力チェック

メールアドレスやURLなどの書式を簡易チェックできる選択肢です。
メールアドレス」を選択する場合は、入力チェックのプルダウンから「メールチェック」を必ず選択して下さい。
メールアドレス再入力」を選択する場合は、入力チェックのプルダウンから「メール一致チェック」を必ず選択して下さい。

説明

設定した各項目に対する説明がある場合に使います。具体的な出力例は以下の機能にてご確認下さい

機能

出力させるフォームのパーツを選択します。以下が出力サンプルです。

フォーム項目の出力サンプル
見出し フォームの間に仕切りを入れたい場合などに使って下さい。

1行テキスト入力 1行の入力フォームです。お名前やメールアドレス欄用に使って下さい。

「メールアドレス」を選択する場合は、入力チェックのプルダウンから「メールチェック」を必ず選択して下さい。
「メールアドレス再入力」を選択する場合は、入力チェックのプルダウンから「メール一致チェック」を必ず選択して下さい。




入力フォームの幅が短すぎる場合、ダウンロードしたform.htmlのhtml側にclass="ws"と入っているので、これをclass="wl"に変更して下さい。幅一杯に入力エリアが広がります。
単一選択
(ラジオボタン)
複数の選択肢の中から1個しか選択できないボタンです。フォーム設定画面の1行分がラジオボタンの1行分となります。最後の選択肢には改行を入れないようにご注意下さい。

複数選択
(チェックボックス)
ラジオボタンと違い、複数選択ができるボタンです。設定方法はラジオボタン同様、設定画面の1行分がチェックボックスの1行分となります。最後の選択肢には改行を入れないようにご注意下さい。

選択
(プルダウン)
複数の中から1個しか選択できないボタンです。設定方法はラジオボタン同様、設定画面の1行分がプルダウンの1行分となります。最後の選択肢には改行を入れないようにご注意下さい。

複数個1行テキスト入力 複数の1行テキスト入力をまとめて使いたい場合に使います。最後の選択肢には改行を入れないようにご注意下さい。

複数行テキスト入力
(10行)
備考欄などに使うフリーエリアです。下の3行タイプもあります。



高さを微調整したい場合、DLしたform.htmlのrows="10"の10の数字を変更して下さい。※行数の数値になります。
複数行テキスト入力
(3行)
備考欄などに使うフリーエリアです。上の10行タイプもあります。

住所 住所用に準備されたパーツです。都道府県のセレクトメニューと、市町村以下を入力する1行エリアがセットで出力されます。

年月日
月日
年月日、月日のパーツセットです。それぞれ別々に使用できますがここではまとめて紹介させて頂きました。

ファイル 添付ファイルを付ける事ができます。



※注意:容量や拡張子の制限はできませんので、不特定多数から受け取るようなフォームにはご利用になられない方が無難です。万が一ウイルスを添付された場合に被害が出るリスクがあります。また、ご利用のサーバーにより、添付ファイルの容量が予め制限されています。これをオーバーするとエラーを出す可能性があります。

↑ ページの上部へ

STEP5 「出力設定」メニュー

いよいよ最後のページです。
まずは「参照ボタン」をクリック。

最初のステップで準備しておいたhtmlファイルを選びます。
このサンプル画面ではcontact.htmlになっていますが違うファイル名になっていても構いません。

※このhtmlファイルはフォームにはなりません。あくまで出力用のテンプレートです。
ダウンロードされたファイル一式(4枚もしくは5枚)がフォーム関連のファイルとなりますので、最終的にこのファイルは削除してもらって構いません。

続いて管理画面の「ファイルをダウンロードする」ボタンをクリック。
このファイルが自動フォーム用のファイル一式になります。

↑ ページの上部へ

STEP6 ダウンロードした圧縮ファイルを解凍します

「ファイルをダウンロードする」ボタンを押すと、form.zipがダウンロードされますので、これを解凍し、お手元にあるテンプレートフォルダに移動して下さい。

各ファイルの説明
form.html ■フォームの「入力画面」です。
ローカル上で見るとプログラムコードが入って見えますがサーバー上にアップすれば消えます。
各htmlの編集はできますが編集の際にフォームタグを削除しないよう注意して下さい。
confirm.html ■フォームの入力情報の「確認画面」です。
注意点は上のform.htmlと同じ。
finish.html ■フォームの「送信完了画面」です。
注意点は上のform.htmlと同じ。
form.php ■自動フォームの「プログラム」です。

↑ ページの上部へ

STEP7 完成です

まずは編集せずそのままサーバーにアップロードして下さい。先に編集してしまうと問題が出た際に原因が特定しづらくなります。
アクセスするアドレスはform.phpです。メニューにリンクを設定する場合は、
<a href="form.php">お問い合わせフォーム</a>
のようになります。form.phpへのアクセスはサーバー上にアップロードした状態で行って下さい。

※フォーム完成後は、必ず直後に一通りの動作確認は行って下さい。

メールソフトやサーバーの影響で迷惑メール扱いになる場合があります。これはフォーム側では対応できないので、フォームに注意書きを入れるなりで対応して下さい。

↑ ページの上部へ

※注意:サーバーのphpのバージョンが変わった場合は必ずフォームの送信テストを行なって下さい。

phpのバージョンが変わるとエラーが出たり、最悪動かなくなる可能性があります。
phpのバージョンが自動フォーム生成当初から変わった場合は必ずフォームの送信テストを行なって下さい。

↑ ページの上部へ

生成したフォーム内容を直接phpファイルで変更する

※この機能は、2017/02/28以降の自動フォームが対象です。それ以前にDLされたファイルでは一部分しか編集できません。
(2015/05/21以前に生成されたものはこの機能は入っておりません。)

変更後は必ずフォームの送信テストを行って下さい。

DLしたform.phpを開くと、冒頭に以下のような設定ブロックがあり、そちらで直接編集できます。
※編集される場合は、必ずファイルのバックアップを取ってから行って下さい。
※Windows付属のメモ帳は使わないで下さい。正常に更新できない可能性があります。
TeraPad(フリーのテキストエディタ)などのテキストエディタを推奨。

$mail_sys
$from_mail
■1 メールアドレスの設定です。
通常は同じで構いませんが、受信するアドレスと、自動返信のアドレスを変えたい場合はそれぞれ設定して下さい。
$from_name ■2 メール送信者(差出人)の情報です。
あなたの会社名など入れて下さい。
$user_mail ■3 自動返信を使うかの設定です。
ここの入力値(item2)を外して
$user_mail = "";
とすると、自動返信が「なし」になります。入力値は「item2」ではない場合もあります。
$subject ■4 自動返信用のメールタイトルです。
お客様に向けた件名にして下さい。
$body ■5 自動返信用のメールの本文(冒頭メッセージ)です。
この文章の下にフォーム入力内容が自動で入ります。
$subject_sys ■6 管理者宛てのメールタイトルです。
$body_sys ■7 管理者宛てのメールの本文(冒頭メッセージ)です。
特に必要ない場合はサンプルのように空でOKです。この下にフォーム入力内容が自動で入ります。
$footer ■8 メールのフッター部分です。
最後の挨拶や署名など入れます。
(補足) \n(¥nと表示される場合もあり)は改行のことです。
プログラムで自動生成した場合はこのように入る場合がありますが、phpで直接編集する場合は、画面上の改行で大丈夫だと思います。

※formsave.php(生成時の設定ファイル)を後日使う場合の注意
管理画面の最後で出力できる設定用ファイル(formsave.php)を後日使う場合、上記の設定はリセットされますのでご注意下さい。上記はあくまでDLしたファイルを直接編集するもので、formsave.phpは生成時点でのデータファイルです。いつの時点で作ったファイルかをご理解の上でご活用下さい。

↑ ページの上部へ

その他…エラーメッセージがずらっと出る場合

サーバー側で通常は表示されないよう設定されている場合が多いのですが、たまに表示されるサーバーがあるようです。以下に該当する場合は一度お試し下さい。

  • 入力画面でエラーメッセージがずらっと出る。
  • チェックボックスなどを入力必須対象から外している条件で、チェックを入れずに確認画面に移行するとエラーメッセージが出る。

上記に該当するような場合は、form.phpの冒頭を以下のように変更して下さい。

※フォーム生成後、htmlファイルなど一切さわらない状態でこのエラーが出る場合が条件です。もしどこか少しでも編集していた場合は、まずはダウンロード直後のファイルでフォームテストを行ってみて下さい。

この設定を行っても解決しない場合は、申し訳ございませんが自動フォームがご利用頂けない環境のようです。

↑ ページの上部へ

メール(の件名)が文字化けする場合。

一部の環境でメールの件名が文字化けするとご報告が入っています。文字数を少なくする事で改善されるかまずはご確認下さい。

※サーバーが用意している(※サーバー上で送受信するタイプ)メーラーだと文字化けする可能性があるので、PCに付属しているメールソフトをご利用下さい。

↑ ページの上部へ

自動返信メールが届かない場合

迷惑メールフィルタにかかっていないか確認してみて下さい。
また、入力したフォームの情報に不足がないか確認しなおしてみて下さい。

マニュアル通りにやってもうまくいかない場合は

自動フォーム専用FAQをご参照下さい。それでも解決しなかった場合はサポート掲示板をご利用下さい

自動フォームはライセンスのおまけ(無料)特典です。
うまく動かないなども含め、対応はサポート掲示板でのみ行っております。
メールで直接ご質問頂いても回答できませんので予めご了承下さい。

↑ PAGE TOP