以上でメールフォームの設置が完了です。

一覧に表示されている「メールフォームURL」のアドレスにアクセスすると、現在のメールフォームを確認することが出来ます。
メールフォームの設定を編集する場合、「管理」のアドレスへアクセスしてください。

独自SSLの利用

無料独自SSLを設定いただくか、もしくはオプション独自SSLのご契約を行っていただくことで、独自SSLを利用した「設定画面」へのログインが可能です。
設定・お申し込みの方法はそれぞれ下記のページをご覧ください。

• 無料独自SSLの設定方法
• オプション独自SSLのお申し込み方法

独自SSLが利用可能になりましたら、下記にアクセスすることで、「設定画面」にログインすることが出来ます。

https://ドメイン名/script/mailform/フォルダ名/admin/

メールフォームの一覧画面に記載のある「メールフォームURL」のアドレスにアクセスしてください。

設定画面が表示されましたら、まずはフォームの「基本設定」を行います。

それぞれ入力できたら、次に「メールフォーム項目の設定」へと進みます。

続いて、ページを下へと進めると、「メールフォーム項目の設定」を行うことが出来ます。
ここでは、フォームに使用する項目と、それらの細かな設定が可能です。

使用する項目は、ページ右側の一覧より「追加」をクリックして追加してください。
また、使用しない項目は、ページ左側の一覧より「除外」をクリックしてください。

使用する項目には、それぞれ下記のような項目が設定可能です。

並べ替え

フォーム項目の表示する順序を変更します。
変更を行う項目の「▲」もしくは「▼」で、表示順を並べ替えることが可能です。

表示名

実際にフォームとして表示される際の、項目名を設定することが可能です。

入力必須

チェックすることで、入力必須の項目とすることが可能です。

オプション

項目によっては、オプションの設定が可能なものがあります。
上記以外の補助的な設定項目は、こちらから設定が可能です。

フォームに使用する項目の設定が完了したら、ページ下部の「設定を保存する」をクリックしてください。

それぞれ設定した情報が表示されますので、ご確認の上、問題が無ければ「確定」をクリックしてください。

以上、メールフォームの設定が完了です。
メールフォームが設置されているアドレスにアクセスして、設定が反映されていることを確認してください。

※設定を変更したい場合は、何度でもこの設定画面から変更を行うことができます。

設定画面では、まずメールフォームの「スキン」を選択します。
「定型スキン」と「自作スキン」の2種より選択が可能です。

選択したスキンに応じて、デザイン設定を施します。

定型スキンの場合

スターレンタルサーバーでの初期設定のデザインを用いて、パーツ毎のカラーやメッセージなど、簡易的なデザイン設定を施すことが出来ます。
簡単に導入を行いたい方などにおすすめです。

まずは、「サイズの設定」を行います。

サイズの設定
メールフォームの横幅を、ピクセル(px)単位で設定します。

続いて、各パーツのカラーを設定します。
「色見本」から選択すれば簡単に設定も出来ますが、「RGBカラーコード(16進数)」を入力することでも指定が可能です。

設定可能な項目は下記の通りです。

タイトル	フォームのタイトル(見出し)部分のカラーを設定します。 「お問合せフォーム」と記載されている部分の文字および付随する線のカラーです。
説明文	タイトルの下に記載される、説明文の文字色を設定します。
背景色	画面全体の背景色を設定します。
枠線	フォーム入力部の表に使用する枠線の色を設定します。
項目背景	フォーム入力部の項目見出し部分に使用する背景色を設定します。
項目文字	フォーム入力部の項目を表示する文字色を設定します。
エラー表示	エラーが表示された際の文字色を設定します。

また、メールフォームの各画面において、表示される文章の設定を行うことが出来ます。

設定できるのは、下記の3画面で表示される文章です。

入力画面	メールフォームの入力画面において表示される文章を設定します。
確認画面	入力内容の確認を行う画面で表示される文章を設定します。
完了画面	メールフォームからの送信が完了した際に表示される文章を設定します。

設定作業が終わったら、ページ下部にある「設定を保存する」をクリックしてください。
内容を確認した後、確定ボタンをクリックすることでデザインが反映されます。

自作スキン

HTMLテンプレートやスタイルシートを直接編集し、自由自在にデザインを変更することが出来ます。
こだわったデザインにしたい方などにおすすめです。

編集が行える箇所は下記の通りです。

• 入力画面テンプレート(HTML)
• 確認画面テンプレート(HTML)
• 完了画面テンプレート(HTML)
• スタイルシート(CSS)

編集画面の右側にあるボタンでは下記のような操作が行えます。

• 保存する … 現在の状態を保存します。
• リセット … 前回保存した時点での状態まで戻します。
• プレビュー … 現在の状態でのフォームを確認することが出来ます。

それぞれ保存を行った時点で、実際のフォームに編集が反映されます。

設定画面では、まずメールの自動返信を行うかを選択します。

使用する場合は、下の項目を入力します。

フォームに使用する項目の設定が完了したら、ページ下部の「設定を保存する」をクリックしてください。

それぞれ設定した情報が表示されますので、ご確認の上、問題が無ければ「確定」をクリックしてください。

以上でアップグレードが完了です。