スキルアップを始める!

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

WordPress(ワードプレス)
WordPress(ワードプレス)
この記事は約3分で読めます。

※記事中に広告情報を含みます。

スキルを手に入れた時、人は強くなれる。
Youtubeでスキルアップを始める 電子書籍でスキルアップを始める
\ワードプレスのスキルアップはこちら!/ WordPress入門読本

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

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

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

Contact Form 7 add confirm
"Contact Form 7 add confirm" can add confirm step to "Contact Form 7".

標準の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);

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

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

まとめ

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

Contact Form 7アップデートでContact Form 7 add confirmが効かない
サポート » プラグイン » Contact Form 7アップデートでContact…
Contact form 7 add confirmが動かない時に確認すべきポイント
Contact form 7で作成したフォームは送信ボタンを押すとすぐに送信されてしまいます。送信前に内容の確認画面を入れたいときに使えるプラグインがあります。 Contact form 7 add confirmです。 このプラグインの導
【CF7 v5.4以降に対応】Contact form 7 add confirmの修正方法
Contact form 7 add confirmがContact form7の最新版(V5.4以降)との組み合わせで動作しなくなってしばらくたちます。 みなさん、Contact form 7をv5.3.2にバージョンダウンして様子を見て

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

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

御参考ください😃

URLをコピーしました!