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

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文で囲みます。
scroll1のとき確認画面、nullのとき送信画面の分岐になります。

修正前

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

修正後

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

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

参考サイト

Contact Form 7アップデートでContact Form 7 add confirmが効かない
【CF7 v5.4以降に対応】Contact form 7 add confirmの修正方法

関連記事