サポート » プラグイン » Contact Form 7 Multi-Step Forms 次のステップに遷移しない

  • 解決済 memocco

    (@memocco)


    すでに運用中のWebサイトのコンタクトフォームに、Contact Form 7 Multi-Step Formsでフォームのステップ分割をしようと準備中です。

    【やりたいこと】
    現在Contact Form 7 で作成している長いフォームを2分割(2ページ)にしたい。

    【想定している画面遷移】
    1ページ目 フォーム本文1
    2ページ目 フォーム本文2
    3ページ目 確認画面 →送信

    【参考にさせていただいているWebページ】
    https://www.itti.jp/web-design/contact-form-7-multi-step-forms/

    【問題の現象】
    ・1ページ目で送信されてしまいます。
    (2ページ目に遷移されず、コンタクトフォームのメールの送信先に送信されたとのメールが届く)
    固定ページやContactfoam7の設定には間違いはないと思います。

    ・WordPressのキャッシュやブラウザのキャッシュはクリア済、別ブラウザでも試しましたが不具合は解消されませんでした。

    ・運用中のWebサイトのため、プラグインをすべて切ってみることができません。

    ・自分のローカル環境(Xampp)にコピーをインポートしたところ、正常な動作をしをしました(2ページ目に遷移した)

    ・同じサーバーで運用しているサイトに、Contact Form 7 Multi-Step Formsを同じ設定で実装してみたところ、正常な動作をしました。

    何か考えられる原因はありますでしょうか。
    分かる方、アドバイスをいただけるととても嬉しいです。
    どうぞよろしくお願いいたします。

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • memoccoさん、こんにちは。

    一定の切り分けは行っており、かつ動作していることも確認できているようですので、あくまでも参考としてになりますが、

    ・自分のローカル環境(Xampp)にコピーをインポートしたところ、正常な動作をしをしました(2ページ目に遷移した)

    ・同じサーバーで運用しているサイトに、Contact Form 7 Multi-Step Formsを同じ設定で実装してみたところ、正常な動作をしました。

    ここまで実施できているならば、検証環境に本番で使用しているテーマをインストールしてみる、プラグインをひとつずつインストール、有効化してみる、でさらなる切り分けができるかもしれません。

    それでもだめなら本番のデータもエクスポート、インポートしてみて環境をまるっと再現するしかないと思いますが、おそらく上記だけでも競合プラグイン等は分かるのではないでしょうか。

    ご参考になれば。

    トピック投稿者 memocco

    (@memocco)

    shokun0803さん、こんにちは!
    ご回答ありがとうございます!!確認が遅くなってしまい申し訳ございません。

    自分のローカル環境(Xampp)にコピーをインポートしたところ、正常な動作をしをしました(2ページ目に遷移した)

    こちらですが、All-in-One WP Migrationを使いまるっと再現したのです。
    それとも、ローカル環境ではなく、テスト環境でも同じ公開サーバー上でやらないと完全な再現にはならないでしょうか。
    その場合、重複コンテンツが心配ですが、サイト全体をnoindexにするだけで問題なかったでしょうか。

    memoccoさん

    こちらですが、All-in-One WP Migrationを使いまるっと再現したのです。

    なるほど、そうであればサーバー環境の違いが考えられますね。

    ・同じサーバーで運用しているサイトに、Contact Form 7 Multi-Step Formsを同じ設定で実装してみたところ、正常な動作をしました。

    この件もありますので、本番サーバーで使えない訳ではなさそうです。

    であれば、本番と同じ環境を再現するしかなさそうですね。
    テスト環境をBASIC認証等でクローズドにして再現してみてはいかがでしょうか。

    ご参考になれば。

    トピック投稿者 memocco

    (@memocco)

    shokun0803さん

    テスト環境をBASIC認証等でクローズドにして再現してみてはいかがでしょうか。

    アドバイス、ありがとうございます!
    また、週明けに試してみます。
    原因が特定されたらまたご報告させていただきます。

    トピック投稿者 memocco

    (@memocco)

    問題が解決しましたので、ご報告します。

    Invisible reCaptchaが原因でした。
    ローカル環境で再現して、正常な動作をしたのは、Invisible reCaptchaが干渉しないから?という勝手な仮説です。
    Invisible reCaptchaを切ることで、正常に動作しました。
    reCaptchaはContact Form 7で紐づけすることにします。

    なかなか検証できず、ご報告が遅くなってしまい申し訳ございません!
    アドバイス、ありがとうございました!!

    トピック投稿者 memocco

    (@memocco)

    解決済です。

    • この返信は2年、 10ヶ月前にmemoccoが編集しました。
6件の返信を表示中 - 1 - 6件目 (全6件中)
  • トピック「Contact Form 7 Multi-Step Forms 次のステップに遷移しない」には新たに返信することはできません。