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


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

標準状態では送信前にアラート(警告)ウインドウが表示されますが、
アラートウインドウ

このアドオンを追加することによって、入力内容を表示する確認画面を出すことができるようになります。
入力内容の確認画面
我ながら使い勝手の良いものができたと思っております。ページの移動が発生しないのが素晴らしい。

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

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

面倒なのでまだ変更しておりませんが、そのうちこのサイトのお問い合わせページのメールフォームも確認画面ありバージョンに変更するでしょう。
2017年4月17日に変更しました。

特徴やサンプル

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

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

設置方法

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

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

添付ファイルアドオンとの併用について

この「入力内容確認アドオン」は「添付ファイルアドオン」と併用することができます。
併用した場合のサンプルはこちら。

入力内容確認アドオンと添付ファイルアドオンとの併用のサンプル
https://www.1-firststep.com/samplephp/mailform-v5.2-confirm-attachment-sample/index.html

もちろん、カーボンコピー(Cc・Bcc)アドオンと併用することもできます。

販売価格や購入方法

なんと破格の2,000円(税抜)。安い!安過ぎる!作るのにどれだけ時間がかかってると思ってんだ!お買い得だ!買ってけドロボー!
しかもこの金額なのに設置メールサポートまで付いているぞ!

注意:設置メールサポートは「アドオンの設置」に関しての質問のみとなります。
ですので、アドオンなしの初期状態のメールフォームが正常動作している上でご購入ください。
また、カスタマイズに関してのご質問は有償メールサポートを別途お申し込みください。

お申し込みはお問い合わせページから、または以下のペイパルやDLマーケットからどうぞ。
料金のお支払いをしていただき、入金確認後にメールで添付してお送りする形となります。
DLマーケットからのご購入だと、決済後すぐにダウンロードができますので、お急ぎの方にはおすすめです。

入力内容確認アドオン
ペイパルでご購入
DLマーケットでご購入

注意点

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

アドオンは1つのご購入につき、1サイトで使用可能です。
例えば、1つのサイト内にメールフォームを複数設置する場合はアドオンの購入は1つでOKです。
が、複数のサイトにメールフォームを設置する場合は、そのサイトの数だけアドオンをご購入ください。

また、他のページで販売しているレスポンシブBBS新着情報更新システムとは違い、このアドオンは安価なため設置代行サービスは付いておりません。
そのため、購入者ご自身で設置をしていただく必要がありますが、設置メールサポートは付いておりますので、うまく動作しないようなときはお問い合わせページからご連絡ください。

しかし実際のところ、設置は前述のようにaddonフォルダに関連ファイルをまとめて入れ、index.htmlを差し替えるだけでOKですので、つまづくことはほとんどないと思われます。
設置方法の詳細に関しては、アドオン設置方法の解説ページをご覧ください。

すでにメールフォームを既存サイトに組み込んでいる場合は、HTMLファイルに数行追加するだけで動作します。(確認画面のデザインはCSSにてすべて行えます)

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

アップデート履歴

2017/03/9 バージョン1.0
  • 公開。
2017/03/28 バージョン1.1 (本体4.1で動作確認済)
  • テキストエリア内の改行が確認画面に反映されない点を修正。
  • 軽微なバグ修正。
2017/04/11 バージョン1.2 (本体5.0で動作確認済)
  • メールフォーム本体側がアップデートされたことに合わせて修正。
2017/04/18 バージョン1.2.1 (本体5.1~以降で動作確認済)

サポートBBS

サイト内を検索
サイト運用事例
提供サポート
メールフォーム

ダウンロード一覧へ

BBS

ダウンロード一覧へ

その他おすすめ

ダウンロード一覧へ

Web制作のブログ

ブログ記事一覧へ

カテゴリ別
制作者の詳細
  • 谷元博のブログ
  • Google+