こんにちは！最近日中はそこそこ暖かいですね！
春物の洋服を着ることができてうれしいばかりです…
今日は今更なのですがcontactform7で送信完了URLをリダイレクトする方法を
ご紹介します。
普段私はMW WP FORMを使うことが多く、contactform7のようにＵＲＬをリダイレクトするという
頭がありません。
以前はcontacrform7を使っていたので、使用していた当時はおそらくリダイレクトを
行っていたのだと思うのですが、備忘録とか残してなかったので記憶の彼方…
ということで、今後ＭＡ連携も多くなってくると思いますしcontacrform7で送信完了URLをリダイレクトする方法
をまとめました！
送信完了URLをリダイレクトする方法
まず準備として、当たり前田のクラッカーかもしれませんが…笑
■お問い合わせフォームのあるお問い合わせページ
■お問い合わせ完了のページ
を『固定ページ』か何かで作成しておいてください。
こんな感じ。
お問い合わせページのほうに以下のソースを書きます。
言わずもがな「リダイレクトＵＲＬ」はお問い合わせ完了のページに設定したＵＲＬを入れてね！
<script>document.addEventListener('wpcf7mailsent',function(event){location='リダイレクトＵＲＬ';},false);</script>
[contact-form-7 id="000000" title="お問い合わせ"]
プラグインで作成したフォームで発行された[contact-form-7 id=”000000″ title=”お問い合わせ”]の上に
改行をせずにscriptソースを記述してください。
これでリダイレクトは完了します！
実際にテストしてみると問題が…
リダイレクトはするんです！するんですが…
リダイレクト間にもとのフォーム画面で「ありがとうございます。メッセージは送信されました。」が
出やがる！
ということはこれはcssで削除しました～♪
.wpcf7-mail-sent-ok {
display: none !important;
}
これで完了！
無事リダイレクトページにさらっと飛びますね！
みなさんも実装してみてください～