【2021年版】Contact Form 7 add confirm が動かない?確認ボタンを押せるようにする暫定措置

「入力内容確認」画面が動かない…?Contact Form 7プラグインを補完する便利プラグインとして「Contact Form 7 add confirm」があります。このプラグインがContact Form 7のバージョンアップ(5.3.2以降あたり)からうまく動作しなくなっているようです。この点をどうにか解決しました。

Contact Form 7 add confirmプラグインとは?

こちら以前も紹介したプラグインですが、Contact Form 7に「入力確認画面」を表示してから送信ができるようになるプラグインです。以前も紹介をしましたので細かい設定等は割愛しますが、入力確認を表示できる便利プラグインです。詳細は昔書いた別記事がどこかにありますので検索ください😃

https://ja.wordpress.org/plugins/contact-form-7-add-confirm/

標準のContact Form 7とは違い、「確認画面」を表示して送信が可能になります。

確認画面が表示されてから送信ができます。

確認画面が開かない?

いつからか、こちらのプラグインで確認画面が開かなくなってしまったようです。どうやらContact Form 7の5.4あたりから、うまく動作しなくなっているようです。

クリックしても、反応しない?

プラグインを少し修正してみます。

確認画面に進めるようにする

プラグインの\includes\js\scripts.jsの221行目あたりにあるコードを書き換えます。

wpcf7c_step1(event.detail.id);
:
wpcf7c_step2(event.detail.id);
//wpcf7c_step1(event.detail.id);
wpcf7c_step1(event.detail.unitTag);
:
//wpcf7c_step2(event.detail.id);
wpcf7c_step2(event.detail.unitTag);

これで、確認画面が開くようになりました…!

ひとまず暫定対応な感じですが、送信まで可能になりました。※この状態だと「送信しました」のメッセージが表示されないのでもう少し修正必要です

まとめ

みなさん色々と試していて、このプラグインがどうにか動作するようになっているようです。ありがとうございます。

https://ja.wordpress.org/support/topic/contact-form-7%E3%82%A2%E3%83%83%E3%83%97%E3%83%87%E3%83%BC%E3%83%88%E3%81%A7contact-form-7-add-confirm%E3%81%8C%E5%8A%B9%E3%81%8B%E3%81%AA%E3%81%84/

https://nldot.info/check-points-for-contact-form-7-add-confirm-not-work/

https://nldot.info/how-to-fix-the-contact-form-7-add-confirm-response-to-the-latest-cf7/

あとはコードを解析すれば他にも何か方法が見つけ出せるかもしれませんが、プラグインが長い間更新されていないので、別のプラグインに切り替えるというのもひとつかもしれません。

もし別のプラグインを検討される場合は「Contact Form 7 Multi-Step Forms」というプラグインが代替に使えたりしますのでお試しください。プラグインについては他の記事でもご紹介していきます😃

御参考ください😃