スキルアップを始める!

【Contact Form 7】送信後に別ページへURLリダイレクトさせる方法(WordPress)

WordPress(ワードプレス)
この記事は約2分で読めます。

※記事中に広告情報を含みます。

\ワードプレスのスキルアップはこちら!/ WordPress入門読本

例えば、Contact Form 7でメールを送信したタイミングで、どうしても別のページにリダイレクトさせたい(送信後に別のイベント案内ページを表示したいなど)の方法です。

カスタム DOM イベント

Contact Form 7に便利なカスタム DOM イベントが準備されています。「wpcf7mailsent」を使うと、メールの送信が正常に行われた時にイベントを発生させることができます。

<script>
document.addEventListener( 'wpcf7mailsent', function( event ) {
    location = 'http://testpage.com/';
}, false );
</script>

locationのリンク先にリダイレクトさせたいページのリンクを設定しておくことで、リダイレクトされます。

送信してみます。

[rml_read_more]

リダイレクトされました!

その他のカスタム DOM イベント

他にも下記のようなカスタム DOM イベントが用意されています。

wpcf7invalid
フォーム送信が完了したが、正しくない入力があったためにメール送信は行われなかった
wpcf7spam
フォーム送信が完了したが、スパム行為の疑いがあったためにメール送信は行われなかったwpcf7mailsent
フォーム送信が完了し、またメールの送信も行われた
wpcf7mailfailed
フォーム送信が完了したが、メールの送信には失敗した
wpcf7submit
他の条件に関係なくフォーム送信が完了した

便利ですね!

まとめ

Contact Form 7でメールを送信したタイミングで、どうしても別のページにリダイレクトさせたい場合は、カスタムDOMイベントを使えば可能です。

ご参考ください。

URLをコピーしました!