ホスティングサービストップ > サポート > オンラインマニュアル:インデックス > 弊社提供CGI:フォームメール
サポート
Digitalink FAQ
▼オンラインマニュアル
  インデックス
  ■サイト管理について
    サイト管理者、一般ユーザ
    サイト管理画面のログイン
    ユーザ情報の詳細設定
  ■メール関連
    ユーザの作成
    パスワードの変更
    不在時自動応答の設定
    転送設定
    メールソフトの設定
    ウェブメール
    ブロックメール
    メーリングリスト
    majordomoの活用
    メルマガ配信
  ■ホームページ関連
    コンテンツの設置(FTP)
    弊社提供CGI
    アクセス制限の設置
    ブログ<XOOPS>
  ■その他
    ディスク使用状況確認
サポート窓口
お問い合わせ
[an error occurred while processing this directive]

サポート

オンラインマニュアル:弊社提供CGI フォームメール

フォームメールについて

ウェブサイトで商品やサービスの案内を掲載したなら、やっぱり問い合わせもウェブサイト上から受け付けたい!そんな時に役に立つのがフォームメールサービスです。
「会社名」「住所」「担当者」など…記入して欲しい項目をあらかじめ設定できますので、効率良くクライアントのニーズがつかめます!ぜひご活用ください!
設置までの手順
設置手順は大きく分けると2つあります。いずれかの方法でご利用ください。

「設置手順1」
弊社のテンプレートを利用・カスタマイズしてご利用する方法。
 

「設置手順2」
フォームメールの入力部分となる部分をお客様独自で作成し、弊社提供CGIの仕様に沿ったINPUTタグを指定してご利用する方法。
 


▲PAGE TOP

設置手順 [ 弊社テンプレートを利用する場合 ]

次のSTEP 1 〜 6 まで行うことで、フォームメールの設置が行えます。
[ STEP 1 ] テンプレートの選択・htmlソースのコピー
下記サンプルより、 ご利用用途に応じたレイアウトを選びます。テンプレートのhtmlソースタグは、各サンプルページの下に記載しておりますので、その部分をコピーします。
  • ビジネスユース (対企業サイト向け)
  • 1
  • 2
  • パーソナルユース(対個人サイト向け)
  • 1
  • 2
  • 3
[ STEP 2 ] htmlソースの貼り付け
[ STEP 1 ]でコピーしたhtmlソースを、設置したいページのhtmlソース部分に貼り付けます。

[ STEP 3 ] 必要に応じて、オプションを選択する
必要に応じて、下記オプション例のhtmlタグをコピーします。
フォームメールのhtmlソース内の 「//ここから〜//ここまで」と記述されている間に貼り付けてください。

▼ラジオボタンの例

  • <TD>
    <INPUT type="radio" name="season" value="春" checked>
    <INPUT type="radio" name="season" value="夏">
    <INPUT type="radio" name="season" value="秋">
    <INPUT type="radio" name="season" value="冬">
    </TD>
▼チェックボックスの例




  • <TD>
    <INPUT type="checkbox" name="spring" value="春"><BR>
    <INPUT type="checkbox" name="summer" value="夏"><BR>
    <INPUT type="checkbox" name="autum" value="秋"><BR>
    <INPUT type="checkbox" name="winter" value="冬"><BR>
    </TD>
▼リストメニューの例
  • <TD>
    <SELECT name="season">
    <OPTION value="春" selected>
    <OPTION value="夏">
    <OPTION value="秋">
    <OPTION value="冬">
    </SELECT>
    </TD>

橙色は、ブラウザでページを開いたときに表示される文字です。
青色(value="■")部分がメールで送られてくるデータになります。
checkedは、ブラウザでページを開いたときにチェックされた状態で表示されます。
selectedは、ブラウザでページを開いたときに選択された状態で表示されます。
[ STEP 5 ] 必要に応じて背景色を変更する
その他、フォームの背景色を変えることもできます。 htmlソース内の、

bgcolor="#c8e0ff"

ご希望の色番号もしくは色名で書き換えます(カラーサンプルはこちら
[ STEP 6 ] htmlファイルのアップロード
動作確認は、アップロードしてから行うことができます (お客様のパソコンの中のままでは正常表示できません)。 動作が問題なければ完了です。

▲PAGE TOP

設置手順 [ 弊社テンプレートを利用しない場合 ]

次のSTEP 1 〜 2 まで行うことで、フォームメールの設置が行えます。
[ STEP 1 ] 外観部のhtml作成
お客様にて外観部分となるhtmlファイルを作成します。
[ STEP 2 ] INPUTタグの指定
弊社提供CGIの仕様に沿ったINPUTタグ一覧は下記になりますので、必要に応じて記述してください。必須項目の設定も下記から設定できます。
記述後は htmlファイルをアップロードし、動作テストに問題がなければ完了です。

<基本タグ・必須フィールド>
フォームタグ <FORM METHOD="post" ACTION="/pub_cgi/formmail.cgi">〜</FORM>
CGIプログラムを指定するフォームタグです。

他のフィールドは全て、この<FORM>〜</FORM>の間に、<INPUT...>として入力します。

宛先指定 recipient
フォームメールの宛先メールアドレスを指定します。
NAMEに"recipient"と入力し、VALUEで宛先のメールアドレスを指定します。

例)宛先が1箇所の場合
<INPUT TYPE="hidden" NAME="recipient" VALUE="aaaa@bbb.cc">

宛先が複数の場合は、VALUEの""内をカンマ区切りで指定します。


<オプションフィールド>
件名指定 subject
フォームメールによって送信されるメールの件名を指定します。
件名を固定とする場合は、TYPE属性ををhiddenにしフォームを表示させないで指定します。
もし省略された場合は'WWW Form Submission'という件名になります。

例)
<INPUT TYPE="hidden" NAME="subject" VALUE="件名">

入力者にメールの件名を指定させる場合は、
<INPUT TYPE="text" NAME="subject">
とします。

送信者メール
アドレス取得
email
フォームメールの送信者に対して「受付完了」などのメールを返信をする場合に設定します。
requireフィールドを利用してメールアドレスの記入を促し、連絡先メールアドレスの取得を行うとよいでしょう。

例)
<INPUT TYPE="text" NAME="email">

送信者名取得 realname
フォームメールの送信者に名前の入力を促すフィールドです。

例)
<INPUT type="hidden" NAME="realname">

戻りURLの
指定
redirect
フォーム送信後に移動させたいページのURLを指定します。
通常はTYPE属性をhiddenに設定し、戻りページのURLを指定します。

例)
<INPUT TYPE="hidden" NAME="redirect" VALUE="URL">

記入必須
項目の設定
required
必ず取得したい項目について入力を促します。指定した項目が未入力の場合、入力が必要である項目に対しての警告が表示されます。
カスタマイズした警告ページを表示させたい場合はmissing_fields_redirectフィールドを使います。

例)フィールド名emailとphoneを必須項目にしたい場合
<INPUT TYPE="hidden" NAME="required" VALUE="email,phone">
複数フィールドの場合はカンマ区切りで指定します。

警告画面への
ジャンプURL
missing_fields_redirect
記入必須項目が未記入の場合にジャンプするURLを設定します。

例)
<INPUT TYPE="hidden" NAME="missing_fields_redirect" VALUE="ジャンプ先URL">

送信者情報を
取得する
env_report
フォームメール送信者の情報を取得したい時に設定します。
取得できる情報は、WEBブラウザの種類やホスト名、IPアドレスなどです。

例)
<INPUT TYPE="hidden" NAME="env_report" VALUE="取得したい情報の属性">
複数フィールドの場合はカンマ区切りで指定します。

・使用できる主なVALUE属性
  REMOTE_HOST  -->  送信者(入力者)のホスト名
  REMOTE_ADDR  -->  送信者(入力者)のIPアドレス
  HTTP_USER_AGENT  -->  送信者(入力者)のWEBブラウザ情報

ソート指定 sort
送信されるフォームメールの本文が、各フィールドの名前(英数字)でソートした順番で記述されるように指定します。

例)フィールド名をアルファベット順にソートする場合
<INPUT TYPE="hidden" NAME="sort" VALUE="alphabetic">

例)フィールドの順序を手動で設定する場合
<INPUT TYPE="hidden" NAME="sort" VALUE="order:name1,name2,name3,etc...">
VALUE属性の頭に order: を付け、あとはカンマ区切りで任意のフィールド名を指定します。

※フィールド名に日本語を使用した場合は順不同になりますのでご注意ください。

未記入項目
の記載指定
print_blank_fields
入力のなかったフィールドに関しても項目名を省略せずに送信する指定です。

例)入力があったかどうかに関わらず全ての項目を省略しない
<INPUT TYPE="hidden" NAME="print_blank_fields" VALUE="1">

送信完了ページ
タイトル
title
redirectフィールドの指定がない時に表示されるデフォルトページのタイトルを指定します。

例)「送信を受け付けました」という文をタイトルとして表示したい場合
<INPUT TYPE="hidden" NAME="title" VALUE="送信を受け付けました">

送信完了ページ
背景画像
background
redirectフィールドの指定がない時に表示されるデフォルトページの背景画像を指定します。

例)送信完了ページの背景にする画像"image.gif"が http://your.host.com/image.gif にある場合
<INPUT TYPE="hidden" NAME="background" VALUE="http://your.host.com/image.gif">

送信完了ページ
背景色
bgcolor
redirectフィールドの指定がない時に表示されるデフォルトページの背景色を指定します。

例)
<INPUT TYPE="hidden" NAME="bgcolor" VALUE="色の名称または色コード">
色コードについてはこちらをご覧ください。

送信完了ページ
文字色
text_color
redirectフィールドの指定がない時に表示されるデフォルトページの文字色を指定します。

例)
<INPUT TYPE="hidden" NAME="text_color" VALUE="色の名称または色コード">
色コードについてはこちらをご覧ください。

送信完了ページ
リンク色
link_color
redirectフィールドの指定がない時に表示されるデフォルトページのリンクの文字色を指定します。

例)
<INPUT TYPE="hidden" NAME="link_color" VALUE="色の名称または色コード">
色コードについてはこちらをご覧ください。

送信完了ページ
訪問済リンク色
vlink_color
redirectフィールドの指定がない時に表示されるデフォルトページの訪問済みページのリンク文字色を指定します。

例)
<INPUT TYPE="hidden" NAME="vlink_color" VALUE="色の名称または色コード">
色コードについてはこちらをご覧ください。

送信完了ページ
有効リンク色
alink_color
redirectフィールドの指定がない時に表示されるデフォルトページの、有効なリンクの文字色を指定します。

例)
<INPUT TYPE="hidden" NAME="alink_color" VALUE="色の名称または色コード">
色コードについてはこちらをご覧ください。



▲PAGE TOP

会社概要 | サイトマップ