コンタクトフォーム７のデザインが、ちゃんと送信完了できたかわかりにくい、、、
もうちょっと相手にわかりやすいデザインにカスタマイズできたらいいな
このような疑問を解消します。
結論は、送信完了していることがわかりやすいデザインの固定ページを１つ作って、お問い合わせフォームから異なるURLにリダイレクトさせる、ということです。
ページ遷移させられる分、効果測定も容易になるのもメリットですね
この記事では、コンタクトフォーム７の問い合わせフォームから新規作成したサンキューページを異なるURLにリダイレクトさせる方法をご紹介します。
サンキューページを新規作成する
まずは固定ページからサンキューページを作成します。
ポイントはこのページのURL（https://kamisakuhideki.com/thanks）です。
ちなみにいままでのお問い合わせ完了メッセージはこんな感じです（あなたのコンタクトフォーム７もきっとそうでうよね）
新規作成したサンキューページを異なるURLにリダイレクトさせる
続いては、新規作成したサンキューページを異なるURLにリダイレクトさせる方法についてです。
まずは、下記のような文字列をコピペして上記の要領で貼り付けます。
<script> document.addEventListener( ‘wpcf7mailsent’, function( event ) { location = ‘http://example.com/’; }, false ); </script>
※http://example.com/ は実際にリダイレクトさせたい URL に置き換える必要があります。
これで保存をすれば、リダイレクトの設定は完了です。
実際にテストしてみると
このように固定ページで作ったサンキューページへとリダイレクトされていることが確認できました。
コンタクトフォーム７ユーザーさんすべての人におすすめできます。
