Contact Form 7：サンクスページ（完了画面）を作成し、送信完了時にジャンプさせる

2016/03/11

Works

Contact Form 7でフォームを送信した時に出る「あなたのメッセージは送信されました。ありがとうございました。」ってなんだか味気ないですよね。

テキストは変更できますし枠線もCSSで変えれるんですがもうちょっと凝りたいところ。

そこで送信完了のページを別に作成し、送信完了した際はそのページヘ飛ばすということをやってみました。

ここは普通に固定ページで作成します。

スラッグは「contact-after」にしておきますね。適当に変えて下さい。

フォーム設定画面のタブ「その他の設定」にコードを追加します。

on_sent_ok: "location.href = 'http://securavita.net/contact-after/';"
on_sent_ok: "return;"

location.href
ここに飛ばしたいURLを書きます。実際作ったURLに変えてください。
return
これはいらないっちゃいらないんですが、これを書いとかないとページが切り替わる際一瞬「あなたのメッセージは送信されました。ありがとうございました。」というテキストが表示されます。
なんだか気持ち悪いのでreturn書いて処理を終わらせてます。

以上で完了！

実装する際は「ちゃんとエラー表示されるか」「ちゃんとメールが送られるか」っていうのをテストしてくださいね。

このページは意味のないページになりますので、なるべく検索エンジンにはインデックスさせないほうがいいです。

そこまで気にしなくてもいいかもしれませんが気になる人はこの処理もやっておいて下さい。

header.phpの＜head＞～＜head＞内に書いて下さい。

<?php if( is_page( 'contact-after' ) ) : ?>
<meta name="robots" content="noindex">
<?php endif; ?>

All in One SEO使ってる人も多いと思うので、それでも設定できます。

sitemap.xmlにも含ませないほうがいいと思うので下記箇所で該当の記事IDを入れておいてください。

おもしろかった・役に立った

▼ブログランキング参加中！クリック！▼

Secura Vita