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