読者です 読者をやめる 読者になる 読者になる

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

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

<div class="formInner">

....

</div>

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

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


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

demo_mode: on

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


ネタ元