一言メールフォーム設置 -レンタルCGI編-

新フォームメーラーに対応しました。（旧ページ）

のFree(無料)版で、一言メールフォームを作ります。（CGI不可のときお奨め）

※フォームメーラーは、埋め込みにも対応*1していますが、HTMLコード改変は、動作保証・サポート外です。
（当サイトでもサポートしておりません）

*1 詳しくは、FAQ よくあるご質問の「機能について」の「Q.自身所有のドメイン（別のサーバー）内に、フォームメーラーを設置できますか。」へ。

関連ページ：投票機能付き一言メールフォーム設置 -レンタルCGI編-
関連ページ：フォームメーラー・入力項目編集の基本

最小限の設定で作る

最小限の設定で話しを進めます。実際はお好みで設定してください。

料金・機能一覧｜フォームメーラー Free版も多機能です。

簡単な流れ

ログインする
フォームの素を作る
テキストフィールドを作る
公開・外部サイト設置をチェック
自分のページにコードを貼る

（1）ログインする

新規登録したメールとパスワードで、ログインする
- ブラウザのJavaScriptとCookieはONにする（初期設定はON）

（2）フォームの素を作る

※無料版は5個まで

1.フォーム作成の画面右上にある[新規フォームを作成]ボタンをクリックする
※ウィンドウサイズが小さい場合、右に隠れています。

2.「フォーム名：一言メール」「テンプレート選択：使わない」で、設定を保存する
1_80.png(23461 byte)

3.一言メールができたら、その[入力項目編集]をクリック
2_80.png(14338 byte)

（3）入力項目編集を行う

※無料版は7項目まで

1.[テキストエリア]を画面右側へドラッグ＆ドロップする ※[テキストフィールド]でもOK
3_80.png(36239 byte)

2.作られたテキストエリアにカーソルを合わせダブルクリックか、鉛筆をクリックする
4_80.png(5970 byte)

3.「項目名：メッセージ」「入力必須をチェック」「行数1」で、設定を保存する
5_80.png(23953 byte)
※文字制約は、例えば半角数字に設定すると、半角数字以外の入力は送信エラーになる機能。「確実に半角で入力して！」というときに便利。簡易スパムチェックになるかも。

次の環境設定へ。

（4）環境設定を行う

1.[入力項目編集]の横、[環境設定]タブをクリック。

2.公開設定で[公開する]をチェック。ページ下の[設定を保存する]をクリック。

3.次に、環境設定ページの左側メニュー[各種画面設定]をクリック。

4.入力画面設定の[外部サイトに設置する]にチェック。[設定を保存する]をクリック。

（5）コード表示

次に、[コード表示]タブをクリック。

HTMLコードの[form要素のみのコード]をクリック
コードをコピーして、自分で用意したページに貼る

7_80.png(60493 byte)

文字化け対策　（Free版のHTMLコードを使うページのみ）

自分で用意したHTMLファイルのソースを表示する
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">を、<head>よりあと<title>より前に挿入する

<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>

※head内に以下の記述がある場合は消しておく
※Free版の文字コードはShift_JIS
<meta http-equiv="Content-Type" content="text/html; charset=ISO-2022-JP">
<meta http-equiv="Content-Type" content="text/html; charset=EUC-JP">

（5-2）コード改変

発行されたコードはp（段落）で整っていますが、気になる場合はコードを改変してください。

例えばコードが以下の場合、紫字の箇所を消すと、一行フォームに見えます。
※実際に発行されるコードとは異なります。

<form action="https://ssl.form-mailer.jp/fm/service/Forms/confirm" method="post" name="form1" ENCTYPE="multipart/form-data">
<input type="hidden" name="key" value="******" >
<h1>一言メール</h1>

*は必須項目です

<!-- textarea -->
<p>*メッセージ</p>
<p>
<textarea name="field_******" cols="30" rows="1"></textarea>

</p>



<!-- charset -->
<!-- charset -->
<p>
<input name="submit" type="submit" value="確認画面へ"></p>
<p><a href="http://www.form-mailer.jp/" target="_blank" id="powered" align="">Powered by FormMailer.</a></p>
</form>

補足

******は、人によって違います。自分で発行したコードを使ってください。上のコードは見本です。
黒い太字は、消したら動作しない・規約違反になる箇所です。

<h1>一言メール</h1> *は必須項目ですは、フォームの動作には関係ないので消しました。

改変で特に重要なこと

コード改変は「動作保証・サポート外」
Free版で、コード内の広告表示を消すと規約違反になる
field_******は、フォームメーラーの仕様

その他・詳しくはFAQ よくあるご質問｜フォームメーラーへ。

完成予想図

上記フォームの設定

2行以上入力できる
IE以外では、2行フォームにみえる
メッセージは入力必須
入力確認ページを表示させる

あとからフォームの設定変更をする場合

フォームメーラーにログインして、入力項目編集・環境設定する
前に貼ったコードをすべて消す。新しいコードを貼る。
- 設定変更するとコードが変わるため、貼りなおしが必要

設定を変更したら必ずコードを貼りなおしてください。複数フォームを作れますので、稼動中と作成中のフォームは別にできます。

入力項目編集：テキストフィールド

入力文字数を決める

「文字数制限」に数字を入力する
「注釈」に【○文字まで】と書いておく

サイズを変更する

「サイズ」の数値を変える。

文字を入力しておく

「初期値」に文字を入力。

文字を入力しておく

環境設定の項目

公開設定

公開設定
受付期間・受付定員設定
- フォーム受付期間 ← 期間限定の受付です！とか
- フォーム受付定員 ← 申し込みは○名まで！とか

各種画面設定

入力画面設定 ←「公開」しないとフォームが使えない
入力内容確認画面設定 ←確認画面を表示する・しない
完了画面設定
- 完了メッセージ
- 戻り先URL
- リダイレクトURL ←送信後に表示するURL指定
投稿不可時の画面設定
- 投稿不可時のメッセージ
- リダイレクトURL

メール設定

管理者宛メール設定
- 管理者宛メールの件名
- 送信先メールアドレス ←無料版は送信先アドレス指定数1
自動返信メール設定

フィルタリング設定

フィルタリング設定
- 連続投稿規制
- 禁止ワード ←無料版は5個まで
- アクセス禁止IP ←無料版は5個まで
- パスワード制限 ←「外部サイトに設置する」と使えない

その他表示設定

個人情報の取扱い表示設定 ←主に商業用
広告表示設定 ←有料版用

画面確認・デザイン変更

一言メールフォームは、[form要素のみのコード]で作成するため、デザインを選択しても影響しません。

送信テスト

自分の元にメールが届くかテストしてください。

「現在受け付けておりません」となった場合、環境設定で[公開する]にしたか・送信制限をしていないか、確認してください。

ページ先頭へ▲

ブックマークラグナロク通り