レスポンシブ メールフォームの正しい設置手順

このページではレスポンシブ メールフォームの基本的な設置方法を解説しておきます。

「メールが届かない」とか「正常に動作しない」というような状況に陥っている方は、このページの手順通りに設置していけばエラー発生の原因となった作業が特定しやすくなるので、有償メールサポートを申し込まなくても問題解決ができるかもしれません。
ぜひ参考にしてください。

1、動作確認(フォームの送信テスト)の内容

このページ内での「動作確認」や「フォームの送信テスト」とは、以下の作業をすることを意味します。

1. フォームのページ(index.html)が正常に表示されること。
2. 自分でフォームの各項目に入力をし(必須項目だけでOK)、フォームを送信する。
   そしてサンクスページ(thanks.html)が表示されること。
3. フォーム入力者に届く自動返信メールとサイト管理者宛てのメールが届くかの確認をする。

2、ダウンロードしたものを何も編集せず、そのままフォルダごとアップロードする

最初の動作確認の時点ではフォームのページ(index.html)やCSSなどは一切編集をせず、フォルダごとすべてそのままサーバーにアップロードしてください。

ここで余計な作業をしてしまうと、もしサーバー側の何かが原因となって動作不良があった際にその原因の特定がしにくくなってしまいます。
最初の動作確認が終わるまでは余計な編集は一切しないことが重要です。

3、config.phpの「自分のメールアドレスの設定」だけを記入し、フォームの送信テストをする

config.php内の「自分のメールアドレスの設定」だけを記入してアップロードし、フォームの送信テストをしてみてください。

//【必須】 自分のメールアドレスの設定 -- 複数のメールアドレスに送信したい場合は、以下の行をコピーして増やしていけばOKです。行頭の//を消せば有効となります。いくつでも追加可能。 --
$rm_send_address[] = 'aaa@example.co.jp';

上記で記入するメールアドレスは何を記入したとしてもメールは送信されます。
しかし、最初の動作確認では以下の注意点に従ってフォームの送信テストをしてください。
そうしないと受信側で「なりすましメール」判定をされ、メールが自動拒否 or 自動削除される可能性があります。

ここまでの時点で正常に動作しないようであれば、無料サポート対象内となります。
設置URLを記入してお問い合わせページからお問い合わせください。

そして、以下の作業からは無料サポート外となります。

つまり「無料サポート対象内」の範囲は、ダウンロードしたままの状態、またはconfig.phpだけを編集した状態のことを指します。
それ以外のファイルが編集されていたり、既存サイトに組み込んだ場合などのお問い合わせは有償となります

4、index.htmlを自分のサイトに合わせて編集し、再びフォームの送信テストをする

既存のサイトに組み込みたい場合、index.htmlファイル(form要素があるページ)を編集することになると思われます。
その場合、index.html(form要素があるページ)からのjsフォルダやphpフォルダとの位置関係、つまりディレクトリ階層が変わることもあるでしょう。

ディレクトリ階層が変わる場合、まずはindex.html内のform要素内は一切の編集をせずそのまま既存ページへコピーし、その状態で一度フォームの送信テストをすると良いでしょう。
CSSやJavaScriptファイルのパス部分を変えるだけで正常に動作するはずです。

このあたりの解説はダウンロードページの「既存のページに組み込む場合」で解説しています。

5、自分の好みに合わせてメールフォームの項目を減らしたり、デザインを変える

上記4までの作業をして正常にメールが送信されるのを確認した上で、メールフォームの項目を減らしたり、ページのデザインを変えたりすると良いでしょう。
フォームの項目の編集やデザインの変更に関しては以下のページを参考にどうぞ。

1. レスポンシブ メールフォームのカスタマイズ方法や詳細な解説
2. メールフォームのデザイン変更やサイト組み込みの際のサイズの説明

「1つの編集をしたら、その度にフォームの送信テストをする」という作業を面倒がらずにきちんとすることが、このようなプログラムを最短で、かつ、スムーズに既存サイトに組み込んだりカスタマイズするコツです。