[Contact Form 7]送信完了時にモーダルウィンドウを表示する目指したもの メール送信完了時にモーダルウィンドウを表示するモーダルには自由なメッセージとリンク先を設定する 実装手順 下記のCSSとJavascriptをContact Form 7を設置するページに反映させます。 もしくは、以下をまるごと対象のページやContactForm7編集ページに貼り付けます。 まるごとコピペするならこちら <style> /* 本来の送信メッセージとエラーメッセージは非表示にする */ .wpcf7 form.sent .wpcf7-response-output, .wpcf7-not-valid-tip { display: none; } /* モーダルウィンドウを作成する */ #cf7-modal { display: none; position: fixed; height: 100%; width: 100%; top: 0; left: 0;
![[Contact Form 7]送信完了時にモーダルウィンドウを表示する](https://cdn-ak-scissors.b.st-hatena.com/image/square/43cdea007d69fae98ec38efad59a6918b1368733/height=288;version=1;width=512/https%3A%2F%2Fmirailog.jp%2Fwp%2Fwp-content%2Fuploads%2F2021%2F07%2FWordPress-logotype-alternative.png)
