Contact Form 7 確認画面をモーダルウィンドウで開く

情報を追記している場合はありますが、古い情報を訂正はしていませんので、公開年月日を参照してください。プラグイン・タグ、いずれもワードプレス・PHPのバージョン等によって動作しない場合もあります。

アップデート後、Confirm Plus Contact Form 7 の遷移の動きが妙なこともあって、確認画面をモーダルウィンドウで開く方法はないかと。

入力した内容をjQuery でインライン要素の中に入れる。
jQuery ColorBox でインライン要素を開く。
送信ボタンをインライン要素の中に入れると、モーダルウィンドウを開いたときに、form タグの外に出てしまうので、「確認」をクリックでページ下部に表示。
ウィンドウを閉じると送信ボタンも非表示。

送信後は完了ページに遷移。

これで、確認・送信まで成功。