メールフォームプロの設置方法 | daybのブログ

daybのブログ

ブログの説明を入力します。

メールフォームプロとは無料のオープンソースで「お問い合わせフォーム」や「予約フォーム」、「注文フォーム」など、自分の好きな項目を簡単に追加できる。
メールフォームプロを設置することで高機能が備わっており一から作成しなくてもよい、便利なツールなのでご紹介したいと思います。

設置方法
[1]メールフォームプロをダウンロードをします。
http://www.synck.com/contents/download/cgi-perl/mailformpro.html

[2]ダウンロードしたファイルを解凍します。

[3]解凍したファイルの編集。
設定ファイル(config.cgi)の編集
場所:「mailformpro4.0.9」→「mailformpro」→ config.cgi

注意 : config.cgiを開く際は、メモ帳ではなくTeraPadやサクラエディタ等を使う。
※本プログラムは文字コードUTF-8で作られており、上記のアプリケーションで編集する場合BOMという特殊な目に見えないデータが加えられてしまい、サーバ上でプログラムが動作しなくなります。

変更する箇所(主にお問い合わせページの場合)
config.cgi : 11行目

## フォームの送信先
#push @mailto,’account@domain.com‘;
→#を消して、自分のメールアドレス(確認メールを受信するアドレス)に変更

複数の人が受信したい場合はカンマで区切って指定
・「push @mailto,’info01@example.com’,‘info02@example.com’;」

config.cgi : 64行目

## 自動返信メールの件名 (有効にする場合は下記の行頭#を外してください。)
#$config{“ReturnSubject”} = ‘[ %s ] お問い合せありがとうございました’;
→ 自動返信メールを有効にする場合は「#」を消す

[4]サーバーへアップロードする
1.サーバーの中で設置したい場所にフォルダを作る

****フォルダ  ← iplogs、mailformpro、mfp.statics、thanks.html

2.解凍したファイル(4つ)を作ったフォルダの中にアップロードする。

[5]パーミッションの設定
アップロードが完了したらパーミッションの変更をする。 daybのブログ



変更するファイルを右クリックし、属性変更でパーミッションの設定をする。
以下の値に変更する。
・mailformpro ・・・ 755
  ∟mailformpro.cgi ・・・ 755
  ∟config.cgi
  ∟data ・・・ 777
  ∟add-ons
  ∟configs
  ∟librarys
・iplogs ・・・ 755
  ∟iplogs.cgi ・・・ 755
  ∟iplogs.dat.cgi ・・・ 777

[6]HTMLファイル(example.html)の編集
メールフォームを設置するHTMLファイル(example.html)に以下を追加(編集)

head内



body内




修正後にアップロードをする。注意:作成したフォルダ内にアップロードをしないで一つ上の階層にアップロードする。

[7]サンクスページ(thanks.html)の追加
送信完了のHTMLファイル(thanks.html)に以下を追加(編集)

head内




body内




修正後にアップロード(上書き)をする。

[8]CGI動作チェック
[6]のHTMLファイル(example.html)をアップロード後、ブラウザからアクセスします。その際に「mailformpro.cgiは正常に動作しています。」という以下のメッセージが表示がでればOKです。
このメッセージが表示されない場合は、CGIが正常に動作していないので[4]サーバーへアップロードする所からやり直してください。


daybのブログ


確認後、上記のメッセージを非表示にするため「config.cgi」を編集する。
場所:「該当ディレクトリ」→「mailformpro」→ config.cgi
下記の2箇所に「#」を付ける。

config.cgi : 133行目

#push @AddOns,’OperationCheck.js’; ## 動作チェック

config.cgi : 158行目

#push @Modules,’check’; ## CGI動作環境チェック

[9]動作確認
html(example.html)にアクセスして送信を行う。サンクスページが無事に表示され、メール送信がうまく出来たら完了です。
独自にHTMLファイルをカスタマイズしてみましょう。