メールフォームを作成できるmailformproの実装方法 - Qiita

#メールフォームを作成する事の出来るmailformproの実装方法以下のサイトからダウンロードできます。メールフォームプロCGI - SYNCK GRAPHICAhead内の記述（cssの読…

qiita.com

メールフォームプロCGIの設置と設定方法を解説 | 無料のメールフォーム作成ツール「EasyMail(イージーメール) 」

メールフォームプロCGIは『シンクグラフィカ』が提供しているメールフォーム。Webサイトやブログの問い合わせフォームに利用できます。設置や設定方法も簡単です。

www.mubag.com

メールフォームを作成する事の出来るmailformproの実装方法

以下のサイトからダウンロードできます。
メールフォームプロCGI – SYNCK GRAPHICA

head内の記述（cssの読み込み）

<link href="mfp.statics/mailformpro.css" type="text/css" />

フォーム実装部分の記述

<form id="mailformpro" action="mailformpro/mailformpro.cgi" method="POST">

     <!-- フォームの内容 -->

     <button type="submit">確認画面へ進む</button>

</form>
<script src="mailformpro/mailformpro.cgi" id="mfpjs"></script>

その他の実装方法

• 必須項目
  　→FORM系タグ（input / textarea / select など）に 　　required=”required”を付与 　
• 自動返信先となるメールアドレス
  　→メールアドレスを入力するinputタグのname属性を”email”に設定
• メールアドレス（確認用）
  　→確認用のメールアドレスを入力するinputタグのname属性を”confirm_email”に設定
• 確認画面カスタマイズ（CSSで出来る範囲）
  　formタグのすぐ上あたりに下記の記述を入れる

<div id="mfp_phase_confirm">
     <div id="mfp_phase_confirm_inner">
     </div>
</div>

mfp_phase_confirm_inner内に動的に生成される要素に対してスタイルを設定していけばカスタマイズできます。

Perlのパス

mailformpro.cgi の１行目の
#!/usr/bin/perl

サーバ業者によって違う為、変更が必要な場合があります。
ロリポップの場合はデフォルトのままで大丈夫。

パーミッションの設定

以上