Contact Form 7の送信がずっとくるくるして終わらない原因7選

こんにちは、Dr.WordPressです。

Contact Form 7で送信ボタンを押したあと、

「読み込みマークがずっとくるくるして送信が終わらない」

ということがあります。

例えば、

「送信ボタンは押せる」

「読み込み状態にはなる」

「でも送信完了にならない」

「エラーメッセージも表示されない」

といったケースです。

この場合、Contact Form 7そのものだけでなく、JavaScriptやプラグイン、REST API、サーバーとの通信などに問題が発生している可能性があります。

今回は、Contact Form 7の送信がずっとくるくるして終わらないときに確認したい7つの原因をご紹介します。

① JavaScriptエラーが発生している

まず確認したいのがJavaScriptです。

Contact Form 7では、フォームを送信するときにJavaScriptを使った処理が行われます。

そのため、ページ内でJavaScriptエラーが発生していると、送信処理が途中で止まってしまう場合があります。

特に、

・サイトをカスタマイズした

・JavaScriptを追加した

・テーマを更新した

といったあとから発生した場合は確認したいポイントです。

② 別のプラグインと競合している

Contact Form 7以外のプラグインが送信処理に影響することもあります。

例えば、

・キャッシュプラグイン

・高速化プラグイン

・セキュリティプラグイン

・スパム対策プラグイン

などです。

「新しいプラグインを追加してから送信できなくなった」

「プラグインを更新したあとからくるくるする」

という場合は、直前に変更したプラグインを確認してみましょう。

③ JavaScriptの最適化が影響している

サイトの表示速度を改善するために、JavaScriptを最適化しているサイトは多くあります。

しかし、

・JavaScriptファイルの結合

・ファイルの圧縮

・読み込みの遅延

・JavaScriptの実行タイミング変更

などによって、Contact Form 7の処理が正常に動かなくなる場合があります。

高速化プラグインの設定を変更したあとから発生した場合は、JavaScriptの最適化設定も確認してみましょう。

④ REST APIの通信に問題がある

Contact Form 7では、フォーム送信時にWordPressのREST APIを利用した通信が行われます。

この通信が正常に完了しないと、

「送信処理には入ったけれど、いつまで経っても終わらない」

という状態になることがあります。

Contact Form 7の設定に問題が見つからない場合は、WordPress側の通信にも原因がないか確認する必要があります。

⑤ セキュリティ設定で通信が止められている

WAFやセキュリティプラグインによって、Contact Form 7の通信がブロックされている場合もあります。

例えば、

・WAF

・アクセス制限

・スパム対策

・セキュリティプラグイン

などです。

特にセキュリティ設定を変更したあとから発生した場合は確認したいポイントです。

ただし、原因が分からない状態でセキュリティ機能をすべて無効にするのではなく、どの通信が影響を受けているのかを確認しながら切り分けましょう。

⑥ テーマのJavaScriptが影響している

Contact Form 7とは直接関係のないテーマ側のJavaScriptが原因になる場合もあります。

例えば、

・スライダー

・メニュー

・アニメーション

・独自に追加したJavaScript

などでエラーが発生しているケースです。

ページ内のJavaScriptエラーは別の機能にも影響することがあるため、

「テーマを変更・更新してからフォームがおかしくなった」

という場合は確認してみましょう。

⑦ サーバーの処理が完了していない

JavaScriptやプラグインに問題がなくても、サーバー側の処理に時間がかかっている場合があります。

例えば、

・サーバーの負荷が高い

・PHPの処理に時間がかかっている

・外部サービスとの通信が遅い

・サーバー側でエラーが発生している

といったケースです。

サーバーから正常な返答が返ってこなければ、ブラウザ側では読み込み状態が続いているように見えることがあります。

「くるくる」は原因を絞りやすい症状

原因を探すときは、

「ボタンを押しても完全に無反応なのか」

それとも、

「読み込み処理には入るけれど終わらないのか」

を確認してみましょう。

完全に無反応の場合は、ボタンやJavaScriptなどを確認したいところです。

一方、読み込みマークが表示されたまま終わらない場合は、

・JavaScript

・REST API

・セキュリティ設定

・サーバーとの通信

なども確認する必要があります。

症状を細かく見ることで原因を絞り込みやすくなります。

Contact Form 7がくるくるするときの確認順序

STEP 1

別のブラウザやシークレットモードで確認する

STEP 2

JavaScriptエラーが発生していないか確認する

STEP 3

キャッシュの影響を確認する

STEP 4

JavaScriptの最適化設定を確認する

STEP 5

直前に追加・更新したプラグインを確認する

STEP 6

REST APIやセキュリティ設定を確認する

STEP 7

サーバー側の処理やエラーログを確認する

特に突然発生した場合は、**「正常に送信できていたときから何が変わったのか」**を確認すると原因を探しやすくなります。

まとめ

Contact Form 7の送信がずっとくるくるして終わらない場合は、

① JavaScriptエラー

② プラグインの競合

③ JavaScriptの最適化

④ REST API

⑤ セキュリティ設定

⑥ テーマのJavaScript

⑦ サーバー側の処理

などを確認してみましょう。

Contact Form 7だけを確認しても原因が見つからない場合は、プラグインやWordPress、サーバーまで範囲を広げて確認することが大切です。

Contact Form 7が直らない場合はご相談ください

Contact Form 7は、フォーム本体だけでなく、メール設定・迷惑メール対策・WordPress・サーバー側などが原因になっている場合があります。

設定を確認しても原因が分からない場合は、現在の症状から問題箇所を切り分けます。

1件1,000円で、原因の特定から対処方法までご案内します。

「送信できない」「メールが届かない」「送信ボタンが反応しない」など、症状だけ分かっている状態でも大丈夫です。

購入前のメッセージ相談もOKです。