【Contact Form 7 multistep form】動かない時の対処法

Contact Form 7の便利なマルチステップフォームプラグイン。

調べた通り設定してもうまく動かない、こんなことありませんか？そんな時の対処法をお伝えします。

• プラグインの競合をチェック
• テーマを変更
• その他確認項目

プラグインの競合をチェック

01すべてのプラグインを無効化

※作業前のバックアップをお忘れなく！

02マルチステップ用のプラグインだけを有効化

Contact Form 7とContact Form 7 Multi-Step Formsだけを有効にして、フォームが正しく動作するか確認します。

03プラグインを有効化

02の手順で問題が解決したら、一つずつプラグインを有効にして、どれが問題を引き起こしているか特定しましょう。

テーマを変更

プラグインが問題ではない場合、次に疑うべきはテーマです。特に独自にカスタマイズしたテーマを使っている場合、テーマ内のJavaScriptやCSSが干渉していることが考えられます。

01デフォルトテーマに切り替える

デフォルトテーマ（例えばTwenty Twenty-Oneなど）に切り替えて、フォームが動作するか確認してみましょう。

デフォルトテーマで問題がなければ、使っているテーマの中で問題があります。テーマの開発者に問い合わせるのも一つの手です。

自作のカスタムテーマを使用している場合は、header.php に wp_headタグ・footer.php にwp-footerタグが記載されているか確認してみてください。

マルチステッププラグインはheader・footerが認識できないと動きません！

その他確認項目

これまでの項目を確認しても動かない場合は、javascriptのエラーやプラグインのバージョン、キャッシュの問題も疑う必要があります。

また、ContactForm7のバージョンによってはGoogle reCAPTCHAの埋め込みに関するエラーが出ることがあります。この辺りも調査が必要です。
詳しくはこちら→ Contact Form 7の意外な落とし穴

まとめ

いかがでしたか？ContactForm7のマルチステップフォームがうまく動かない時の対処法について、ざっくりとお話ししてきました。プラグインやテーマの競合、JavaScriptのエラー、設定ミス、キャッシュの問題など、考えられる原因は多岐にわたりますが、一つずつ確認していけば、きっと解決できるはずです。