Contact Form 7 add confirmが動かなくなった場合の対処法

2021年6月24日2023年9月22日

Contact Form 7の5.4へのアップデートにより、Contact Form 7 add confirmが動かなくなりました。「確認」ボタンを押しても確認画面に遷移しないという不具合が発生します。Contact Form 7 add confirm は 3年以上アップデートされていない、開発が終了していると思われるプラグインです。

Contact Form 7のバージョンを元に戻すという方法もありますが、今回はContact Form 7 add confirmのファイルを直接修正し、応急処置する方法になります。

対処方法

こちらのファイルを修正します。

Contact-Form-7-add-confirm/includes/js/scripts.js

確認ボタンが動かない問題

event.detail.idをevent.detail.unitTagに変更します。

document.addEventListener( 'wpcf7submit', function( event ) {
	switch ( event.detail.status ) {
		case 'wpcf7c_confirmed':
		wpcf7c_step1(event.detail.id);
		break;
		case 'mail_sent':
		wpcf7c_step2(event.detail.id);
		break;
	}
}, false );

修正前

wpcf7c_step1(event.detail.id);
：
wpcf7c_step2(event.detail.id);

修正後

wpcf7c_step1(event.detail.unitTag);
：
wpcf7c_step2(event.detail.unitTag);

送信メッセージが表示されない問題

responseOutput.css("display", "none");をコメントアウトにしてif文で囲みます。
scrollが1のとき確認画面、nullのとき送信画面の分岐になります。

修正前

responseOutput.css("display", "none");

修正後

if(scroll){
  //responseOutput.css("display", "none");
  responseOutput.addClass("wpcf7c-force-hide");
}

とりあえずこの辺の修正で直りました。ご参考までに。

Contact Form 7アップデートでContact Form 7 add confirmが効かない
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/