WordPressでcontact form 7を使用し、完了ページに遷移させる方法

Question

前提・実現したいこと

WordPressで、自作テーマを導入し、contact form 7をプラグイン。

その後、自作テーマにcontact form 7を埋め込み、submitボタンを押すと、あらかじめ用意しておいた(固定ページ)送信完了画面への遷移させる。

発生している問題・エラーメッセージ

自作テーマにcontact form 7を埋め込み、送信完了ページを用意するところまでは出来ました。しかし、その後、submitボタンをクリックしても、同じ画面で送信完了メッセージが表示されるだけで固定ページに遷移しません。

試したこと

contact form 7 の編集ページにて、フォームにDOMイベントの追加で遷移するとググった結果でてきたので、追加しましたが、遷移しませんでした。

そもそも、サンクスページをプレビューしてもタイトルは固定ページで設定したものになっていても、ページ自体は自作テーマのままです。

また、自作テーマを一度外し、最初から用意されていたテーマを使用すると挙動しています。

よろしくお願いいたします！

Answer 1

回答、ありがとうございます！

そちらのスクリプトを追加し、遷移されるのはWordPressに元からあるテーマでできました。しかし、自作テーマに導入したら、遷移しませんでした。
固定ページの設定が間違っているのか、当方、初めてWordPressを使用したので
何が何やらわからないです。

Answer 2

公式のページにある通りですが、下記のようなスクリプトを追加すると完了ページへ遷移する想定です。

<script>
document.addEventListener('wpcf7mailsent', function() {
  location = '完了ページのURL';
}, false);
</script>

追加しましたが、遷移しませんでした。

との事ですが、フォームのあるページに上記のスクリプトが追加されていれば良さそうです。どのようなスクリプトを追加されましたか？

Comments

[Taka.K1009]

回答、ありがとうございます！

そちらのスクリプトを追加し、遷移されるのはWordPressに元からあるテーマでできました。しかし、自作テーマに導入したら、遷移しませんでした。
固定ページの設定が間違っているのか、当方、初めてWordPressを使用したので
何が何やらわからないです。

[hiro]

自作テーマでフォームを表示しているページにスクリプトを追加しましたか？

> 元からあるテーマでできました
元からあるテーマに追加したのではないでしょうか？