【WP】Contact Form 7 の送信後のメッセージの表示位置を変更する方法

MARKLEAPS

2023.12.22

WordPress フォーム作成プラグイン「Contact Form 7」で作成したフォームの
送信完了後に表示されるメッセージを任意の箇所に表示する方法をご紹介します。

フォームの最下部に表示されます。

フォームが長い場合は一見、送信が完了したのかしなかったのかわかりずらいです。

下のコードを、メッセージを表示したい位置に記述します。

[response]

1	[response]

上記のコードは複数箇所に記述できます。
なお、上記のコードを使用した場合は、デフォルト位置のメッセージは消えます。

サンプル
フォームの上下にメッセージを表示

[response]

<dl>
    <dt>氏名</dt>
    <dd>[text* your-name]</dd>

～
</dl>

<div class="form_btn">[submit class:bs_btn01 "送信"]</div>

[response]

[response]

<dl>

～

</dl>

<div class="form_btn">[submit class:bs_btn01 "送信"]</div>

[response]

WordPress

よく読まれている関連記事