レスポンシブ・メールフォームの入力内容確認アドオンについて

公開日

2017年3月9日

最終更新日

2021年9月22日

こちらのページでダウンロードできるレスポンシブ・メールフォームは「入力内容確認アドオン」を追加することができます。

現在の最新バージョンは2021年9月22日公開の4.0です。
参考ページ：プログラムをアップデートするの際の思想について

更新履歴はこのページの一番下にあります。

機能の解説

標準状態では送信前はブラウザ標準の確認ウインドウが(OK・キャンセルの二択のみ)表示されますが、

このアドオンを追加することによって、入力内容を表示する確認画面を出すことができるようになります。

我ながら使い勝手の良いものができたと思っております。ページの移動が発生しないのが素晴らしい。

入力内容の確認画面を出すためにページの移動が発生したらそれだけで少し面倒だし、さらにそれで前のページに戻った時に入力したものが消えてたりしたら、私ならもう問い合わせをやめてページを閉じます。

もちろんこのアドオンでは確認画面から前のページ(フォーム入力)に戻ったとしても、入力した内容は消えません。

主な機能や特長

この「入力内容確認アドオン」の主な機能や特長は以下のようになっています。

• 入力内容の確認画面を表示するためにページの移動なし。
• 入力内容の確認画面はCSSで自由にデザイン変更可能。
• 入力内容の確認画面を表示する際には、自動的にメールフォーム最上部までスクロール。(表示領域の狭いスマホなどで便利)
• 入力内容の確認画面で「戻る」を押した際に、メールフォーム最上部まで自動でスクロール。(表示領域の狭いスマホなどで便利)
• 入力内容の確認画面で「戻る」を押した際に、入力していた内容は消えていない。
• XSS脆弱性の対策済み。
• 設定ファイルでブラウザ標準の確認ウインドウといつでも切り替えることが可能。
• アドオン関連ファイルをまとめてaddonフォルダに入れ、index.htmlを差し替えるだけでOK。
  (すでに既存サイトに組み込んでいる場合などindex.htmlを差し替えたくない場合は、HTMLを数行追記するだけでOKです)
• 他のアドオンと併用可能。

サンプルデモ

入力内容確認アドオン付きのメールフォームのサンプル
これはサンプルですので自由にメール送信しても問題ありません。

設置方法

このアドオンの設置は非常に簡単です。

設置方法に関しては同梱されている「入力内容確認アドオンの設置手順.txt」にも記載されていますが、それと同じ内容を以下のページで公開していますので、購入前の方は参考にどうぞ。
入力内容確認アドオンの設置手順の解説

アドオン設置後にこの確認画面のカスタマイズをしたい場合は、以下のページでカスタマイズ方法を解説していますので、既存サイトにデザインを合わせたりする際には参考にしてください。
メールフォームの入力内容確認アドオンのカスタマイズ方法の解説

他のアドオンとの併用について

レスポンシブ・メールフォームにはこれの他にも色々なアドオン(追加機能)がありますが、すべて併用することが可能です。
必要な機能だけを組み合わせてお使いください。

一例として「添付ファイルアドオン」と併用した場合のサンプルはこちら。
画像ファイル選択時にプレビューが表示され、確認画面にもプレビュー画像が表示されます。
入力内容確認アドオンと添付ファイルアドオンとの併用のサンプル

販売価格や購入方法

価格は5,000円(税抜)となります。
設置メールサポートも付いております。

設置方法の詳細に関しては、入力内容確認アドオンの設置手順の解説ページをご覧ください。
また、カスタマイズに関してのご質問は有償メールサポートを別途お申し込みください。

ご購入は以下からどうぞ。
ペイパルと銀行振込でのお支払いの場合は、料金のお支払いをしていただき、その入金確認後にメールで添付にてお送りする形となります。
それ以外のクレジット決済の場合は、お支払い後にすぐダウンロードができますのでお急ぎの方にはおすすめです。

【レスポンシブ・メールフォームの入力内容確認アドオンのご購入】
ペイパルでお支払い
お問い合わせページからお申込み(銀行振込)
STORESでご購入(クレジットカード・コンビニ決済) (決済後ダウンロード可能)
このサイトでご購入(クレジットカード決済) (決済後ダウンロード可能)

領収書について

ご購入の際の領収書の発行を承っております。
PDFファイル形式なら無料。印刷して郵送の場合は手数料として1000円(税抜)が必要となります。

領収書をご希望の方は、お問い合わせページからご連絡ください。
購入の際に登録されたメールアドレスで本人確認ができますので、そのメールアドレスから送信してくださると対応がスムーズになって助かります。

注意点

このアドオンは現時点では通常版のバージョン4.0以降にのみ対応しています。
それ未満のバージョンであったり、WordPressプラグイン版のほうには対応しておりませんので、ご注意ください。

• メールフォーム本体のバージョンは「version.php」または「mailform.php」のファイルの冒頭に書いてあります。
• 各アドオンのバージョンに関しては、アドオンフォルダの中にある「version.php」、または「アドオン名-config.php」に記載してあります。

また、カスタマイズをしていないのにプログラム上のバグ(不具合)があった場合には、追加料金なしでバグ修正を行いますので、そのような際にもご連絡ください。
(お客様の手によってJavaScriptファイルやPHPファイルを独自カスタマイズされている場合は除く)

(利用規約) アドオンを複数のサイトに使用したい場合

(2018年6月23日改定)
アドオンは1つのご購入につき、1サイトで使用可能です。
(異なるドメインのページは、異なるサイトとみなされます)

例えば、1つのサイト内にアドオンを複数設置する場合は、アドオンの購入は1つでOKです。
しかし、複数のサイトにアドオンを設置する場合は、2つ目以降は再度アドオンを正規料金でご購入していただければ幸いです。

実際にプログラムを使用するのはアドオンを購入された方のクライアント(依頼者)のサイトだったりするわけですから、そのクライアントに正規の料金をお支払い願えればと思います。
なお、支払われていない方からのお問い合わせには一切対応いたしませんので、ご了承ください。

アドオンのアップデートについて

メールフォーム本体とアドオンは適合するバージョンというものがあります。
どのバージョンが合うかは、メールフォーム本体ページの「アドオン互換表」と後述する「アップデート履歴」で確認ください。

• メールフォーム本体のバージョンは「version.php」または「mailform.php」のファイルの冒頭に書いてあります。
• 各アドオンのバージョンに関しては、アドオンフォルダの中にある「version.php」、または「アドオン名-config.php」に記載してあります。

ですので、もしアドオン購入後にメールフォーム本体をアップデートさせると、アドオンが古いバージョンのままのせいで正常動作しなくなる場合があります。

過去にアドオンを購入された方からご要望があれば、新しいバージョンのアドオンファイル一式をお送りいたしますので、お問い合わせページからお求めください。
その際には、現在お持ちのアドオンファイル一式をメール添付して私にお送りいただくことで、過去に購入したことの証明とさせていだきます。

アップデート履歴

すでにアドオンを購入済みの方には、そのアドオンの新しいバージョンは無償提供しています。
ご希望の場合はお問い合わせページからお求めください。

その際には、現在お持ちのアドオンファイル一式をメール添付して送っていただくことで、購入済みである証明とさせていただきます。

2017/03/9　バージョン1.0

• 公開。

2017/03/28　バージョン1.1 (本体4.1～4.1.2で動作確認済)

• テキストエリア内の改行が確認画面に反映されない点を修正。
• 軽微なバグ修正。

2017/04/11　バージョン1.2 (本体5.0～5.4で動作確認済)

• メールフォーム本体側がアップデートされたことに合わせて修正。

2017/04/18　バージョン1.2.1 (本体5.0～5.4で動作確認済)

• 添付ファイルアドオンと組み合わせて動作するようになりました。

2017/08/28　バージョン1.3 (本体5.0～5.4で動作確認済)

• フォームの項目名や選択項目に「,(半角コンマ)」があったときに起きる不具合を修正。

2017/12/14　バージョン2.0 (本体6.0～6.1.1で動作確認済。これ以降は本体5.*とは互換性がありません)

• メールフォーム本体側がアップデートされたことに合わせて修正。

2018/04/12　バージョン2.1 (本体6.0～6.1.1で動作確認済)

• 軽微なバグ修正。

2018/06/09　バージョン2.2 (本体6.2で動作確認済)

• 添付ファイルアドオンがアップデートされたのに伴って修正。

2018/08/13　バージョン3.0 (本体7.0～7.2.1で動作確認済。これ以降は本体6.*とは互換性がありません)

• 添付ファイルアドオンと併用した際に、確認画面にもプレビュー画像が表示されるようになりました。
• 確認画面用のHTMLタグが存在しない場合にエラーを表示するように修正。

2019/01/17　バージョン3.1 (本体7.1～7.2.1で動作確認済)

• タブレットでの表示を整えるため、レスポンシブのブレイクポイントを640pxから1000pxに変更。
  (本体バージョンが7.0でも正常動作はしますが、タブレットでの確認画面表示がズレます)

2019/09/26　バージョン3.2 (本体7.1～7.2.1で動作確認済)

• メールフォーム本体のCSSが少し変更されたため、確認画面のCSSもそれに合わせて変更。
  (CSSでのデザイン変更だけなので、前バージョンと機能面での違いはありません)

2021/09/22　バージョン4.0 (本体8.0～以降で動作確認済。これ以降は本体7.*とは互換性がありません)

• CSSで様々なデザインに調整しやすくなるよう、確認ウインドウに表示する各項目(dt,dd)をすべてそれぞれdlで分離しました。
• スクロール量設定アドオンに対応。
• その他、軽微なバグ修正。