HTML内にmicroengineのメールフォーム設置方法について

自分のHTMLファイルの中の一部分に設置

microengineのメールフォームを設置したいのですが自分のHTMLファイルindex.htmlを作り、その中にフリーのお問合わせフォームを設置したいと考えています。このお問合わせフォームを設置したことのある方お力を貸していただけませんでしょうか？

発生している問題・エラーメッセージ

どの階層部分に自分が作ったHTMLファイルを置くのかが分からず困っております。　自分のオリジナルHTMLファイル（１枚物のサイトの中にお問合わせフォーム設置を考えております。
https://microengine.jp/mailform/manual/1.1/tutorial.html　ダウンロードをして自分のindex.htmlファイルの中にメールフォーム設置を考えております。どの階層にhtmlファイルを置くのかなど詳しく教えていただけないでしょうか？

該当のソースコード

<div id="error_message" class="alert alert-danger">入力内容に誤りがあります。</div>
<form name="me_mailform" action="index.php" method="post" enctype="multipart/form-data">
  < id="comment" name="comment" class="form-control" rows="10" required></textarea>
  <div id="comment_error" class="alert alert-danger">エラーメッセージ</div>
  <input type="text" id="name" name="name" class="form-control" placeholder="例）山田 太郎" value="" required>
  <div id="name_error" class="alert alert-danger">エラーメッセージ</div>
  <input type="email" id="email" name="email" class="form-control" placeholder="例）info@example.com" value="" required>
  <div id="email_error" class="alert alert-danger">エラーメッセージ</div>
  <input type="text" id="zipcode" name="zipcode" class="form-control" value="" placeholder="例）1000001">
  <div id="zipcode_error" class="alert alert-danger">エラーメッセージ</div>
  <input type="button" class="btn btn-info" value="住所を自動入力" onclick="memf.zipAddrRun('zipcode', '', 'addr'); return false;" title="郵便番号から住所を自動入力する">
  <input type="text" id="addr" name="addr" class="form-control" value="" placeholder="例）東京都千代田区千代田1番1号">
  <div id="addr_error" class="alert alert-danger">エラーメッセージ</div>
  <input type="submit" class="btn btn-primary" value="確認画面へ">
</form>
<span id="powered_by_me"></span>
<script src="./me_mailform/assets/js/memf.js" charset="UTF-8" type="text/javascript"></script>

試したこと

該当のソースコードをオリジナルのHTMLファイルに埋め込んだのですがに記入・index.phpに飛ぶというような事が起きております。私の考えでは記入後に確認ページに飛んでthenk youページに飛ぶという流れを希望しております。　よろしくお願いします。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

m.ts10806

2018/04/11 01:32

＞うまくいきません　　　何がおきていますか？　 https://teratail.com/help/question-tips#questionTips3-4-1

ichirou

2018/04/11 01:40

うまくいきません。<具体的ではなく申し訳ございませんでした。　内容を少し修正させていただきました。よろしくお願いします。

m.ts10806

2018/04/11 01:48

index.phpに飛ぶのはformのactionにindex.phpが指定されているためですね。actionで指定した先にform内の入力情報を送信するのが役目です。実際に試したわけではありませんが、おそらくindex.phpはmicroengineが提供しているものですよね？1つ確認なのですが、PHPが動作するサーバー内で動作させようとしているのでしょうか？

ichirou

2018/04/11 01:56

ご回答ありがとうございます。知識が乏しいため説明が下手で申し訳ございません。　ロリポップサーバーにアップして検証したのですがうまくいきませんでした。　私の考えでは自分の作成したデザインの中のいち部分にPHPのフォームを仕込み、そこから入力して送信ボタンを押すと確認ページに飛ぶという流れのものを作りたいと考えております。　この貼付URLのマニュアル通り作成したつもりなのですがうまくいかず行き詰まってしまったのでご質問させていただきました。

ichirou

2018/04/11 01:57

追記：index.phpはmicroenjineが提供しているものです。

m.ts10806

2018/04/11 01:59

「管理者のメールアドレスと名前を設定して、サーバーにアップすれば動作します。」というのがうたい文句のようですが、最小構成だけで動作確認はしてみましたか？

ichirou

2018/04/11 02:01

そちらの動作確認はできました。　自分の指定したアドレス宛にもメールが届いた事を確認できております。

m.ts10806

2018/04/11 02:08

「自分のindex.htmlファイルの中にメールフォーム設置」ではなく「index.phpに自分のindex.htmlのレイアウトを埋め込む」ではどうでしょうか？

m.ts10806

2018/04/11 02:11

要は、index.htmlをindex.phpに差し替えるわけです。indexであるため、PHPが動作するサーバーであればhttp://example.com/ とアクセスしても問題なくindex.phpが表示される設定のはずです。

ichirou

2018/04/11 02:13

わかりにくい質問の中ご回答ありがとうございます。　index.phpの中にhtmlを書き込んで動作させるという事でしょうか？　私の考えでは●●●.com　という１枚物のサイトの中の一部分にフォームを設置しそのまま入力、送信ボタンを押すと確認ページに飛ぶ、送信で完了ページに飛ぶという流れの物を作りたかったのですが２日間試行錯誤してもわからなかったのでご質問させていただきました。

m.ts10806

2018/04/11 02:14

いずれにしても参照されているチュートリアル通りにできていれば問題なくオリジナルデザインで設置できそうに思います。手順を1つ1つ確認されて見ても良いかもしれません。どこか設定を見落としていたり、手順を抜かしてしまったりしているかもしれません。（もしそれでもうまく行かなければmicroengineに直接問い合わせた方が確実かもしれません）

ichirou

2018/04/11 02:20

承知いたしました。どこかを見落としているかもしれませんのでもう一度試してみます。　わざわざありがとうございました。感謝いたします。

m.ts10806

2018/04/11 02:32

直接解決に至れそうなアドバイスができず申し訳ありません。また何かあれば質問してください。

ichirou

2018/04/11 02:44

いえいえ、とんでもございません。こうやって親身に聞いていただけるだけでも感謝しております。ちょっともう一度試してみます。解決できなかった場合は再度ご質問させていただく事があるかもしれませんがよろしくお願いします。