wordpressのプラグインContact Form7 で、ページ移動せずに完了画面（のようなもの）を表示する

wordpress

送信後に表示したい部分に、送信前に表示したい（送信後に非表示にしたい）部分のクラスとは違うクラスをつけたdivタグで囲みます。

<div class="formInner">

....

</div>

そして、style.css に下記のスタイルを追加します。

.sent .formInner {
    display: none;
}
.complete-display{
    display: none;
}
.sent .complete-display{
    display: block;
}


テストするときは、設定のその他のとこに

demo_mode: on

とするとテストモードになるよ！


ネタ元