contacrform7で送信完了URLをリダイレクトする方法

こんにちは!最近日中はそこそこ暖かいですね!

春物の洋服を着ることができてうれしいばかりです…

今日は今更なのですがcontactform7で送信完了URLをリダイレクトする方法を
ご紹介します。
普段私はMW WP FORMを使うことが多く、contactform7のようにURLをリダイレクトするという
頭がありません。
以前はcontacrform7を使っていたので、使用していた当時はおそらくリダイレクトを
行っていたのだと思うのですが、備忘録とか残してなかったので記憶の彼方…

ということで、今後MA連携も多くなってくると思いますしcontacrform7で送信完了URLをリダイレクトする方法
をまとめました!

送信完了URLをリダイレクトする方法

まず準備として、当たり前田のクラッカーかもしれませんが…笑
■お問い合わせフォームのあるお問い合わせページ
■お問い合わせ完了のページ
を『固定ページ』か何かで作成しておいてください。

こんな感じ。

お問い合わせページのほうに以下のソースを書きます。
言わずもがな「リダイレクトURL」はお問い合わせ完了のページに設定したURLを入れてね!


<script>document.addEventListener('wpcf7mailsent',function(event){location='リダイレクトURL';},false);</script>
[contact-form-7 id="000000" title="お問い合わせ"]

プラグインで作成したフォームで発行された[contact-form-7 id=”000000″ title=”お問い合わせ”]の上に
改行をせずにscriptソースを記述してください。

これでリダイレクトは完了します!

実際にテストしてみると問題が…

リダイレクトはするんです!するんですが…
リダイレクト間にもとのフォーム画面で「ありがとうございます。メッセージは送信されました。」が
出やがる!

ということはこれはcssで削除しました~♪

.wpcf7-mail-sent-ok {
display: none !important;
}

これで完了!
無事リダイレクトページにさらっと飛びますね!
みなさんも実装してみてください~