自分のページにフォームを設置する

ホーム > 自分のページにフォームを設置する

フォームの設置パターン

フォームの設置パターン

弊社フォームメーラーのフォーム設置パターンは大きく分けて、
(1)弊社サーバー上でフォームを利用する場合
(2)自分のページ(サーバー)上にフォームを設置する場合
の2つの設置パターンがあります。お客様の利用目的に合わせて、適切な方をお選びください。


(1)弊社サーバー上でフォームを利用する場合 (2)自分のページ(サーバー)上にフォームを設置する場合

PageTop


「form要素のみのコード」を使用したフォーム作成方法

ここでは例として、下記のようなフォームメーラーで作成した簡易メールフォームを、HTMLコードの「form要素のみのコード」を使用して、お客様のページに設置する手順についてご説明します。

フォームメーラーで作成した簡易メールフォーム

PageTop


1.ログインして、管理画面からフォームを作成する

ログイン画面(Free版)」より登録したメールアドレス・パスワードでログインします。画面右上の「一般フォームを作成」ボタンを押してください。ダイアログが開きますので、フォーム名・説明、テンプレート使用の有無(使わない)を設定してしてください。設定できましたら「設定を保存する」ボタンを押してください。

※テンプレート(個人情報入力セット)を使うことで、予め個人情報(名前、性別、住所など)の入力項目が 自動的に設定されたフォームを作成する事も可能です。

ログインして、管理画面からフォームを作成する

PageTop


2.フォームの入力項目の編集を行う

画面上に新規フォームの情報が追加されますので、
まずは「入力項目編集」をクリックして入力項目編集へ進みます。

入力項目編集」をクリックして入力項目編集へ進みます。


入力項目「テキストエリア」を右側へドラッグ&ドロップし、鉛筆のアイコンをクリックして項目を編集します。
ここでは、入力項目を1つしか設定しませんが、Free(無料)版の入力項目は7個まで設置が可能です。

入力項目「テキストエリア」を右側へドラッグ&ドロップ

鉛筆のアイコンをクリックして項目を編集します。


項目名を「ひと言、感想をどうぞ」に設定、「必須項目にする」にチェック、
サイズ:横幅「50」・行数「5」に設定し、保存します。

項目名を「ひと言、感想をどうぞ」に設定、「必須項目にする」にチェック、 サイズ:横幅「50」・行数「5」に設定し、保存します。

PageTop


3.環境設定を行う

[ 環境設定 ]
公開・非公開、受付期間・定員、確認・完了画面、自動返信メール・各種フィルタリングなどを設定。
公開設定の初期値は「公開しない」に設定されています。公開準備が整いましたら、必ず「公開する」に設定を変更してください。

公開準備が整いましたら、必ず「公開する」に設定を変更してください。


各種画面設定の入力画面設定を「外部サイトに設置する」に設定を変更してください。

各種画面設定の入力画面設定を「外部サイトに設置する」に設定を変更

PageTop


4.用途に応じたコードをお客様でご用意したページに貼りつける

コード表示」をクリックして、HTMLコードの「form要素のみのコード」をクリック。表示されたコードをコピーします。

公開準備が整いましたら、必ず「公開する」に設定を変更してください。


コピーしたコードをお客様でご用意したページに貼りつけます。
Free版でのHTMLコードはShift-JIS のみの提供となりますので、その他の文字コードのページに設置されると文字化けが発生する場合があります。HTMLファイルの文字コードをShift-JISに変更してください。

コピーしたコードをお客様でご用意したページに貼りつけます。


※Pro版・Business版では、設置先環境に合わせて、文字コードを「Shift-JIS・EUC-JP・UTF8」のいずれかから選択できます。
※フォームの設定を変更する度、コードを取得しなおし、設置先に反映していただく必要があります。



コードの改変について

弊社ではHTML コードは原則としてそのまま加工せずに持ち出していただく事を推奨しております。 その為、編集は可能ですが、コード編集の仕方等に関しましては、サポートいたしかねます事を予めご了承ください。
なお、Free版をご利用のお客様は「Powered by FormMailer.」のロゴは外さないで下さい。外しますと規約違反となり、サービスがご利用いただけなくなる場合があります。

Free版をご利用のお客様は「Powered by FormMailer.」のロゴは外さないで下さい。外しますと規約違反となり、サービスがご利用いただけなくなる場合があります。

PageTop


5.送信テスト

自分の元にメールが届くかテストを行ってみてください。 「現在受け付けておりません」と表示された場合、環境設定で「公開する」に設定されているか、もしくは送信制限をしていないかご確認ください。

送信テスト


不明な点がありましたら、管理画面右上の「お問い合わせ」フォームからお問い合わせください。

大量アクセスが予想されるキャンペーンフォームにも対応可能。フォームメーラーPackage(パッケージ)
専用サーバーご利用の方なら無料で使える広告なしのフォームメーラーFree Plus(フリープラス)