Contact Form 7のフォームが動作しない

お客様より、WordPress(ワードプレス)の「Contact Form 7」で作られたメールフォームが動作しないというお問い合わせを頂きました。

確認したところ、「送信」ボタンをクリックすると画面が再読込され、なにも入力されていない状態のフォームが表示されてしまいます。

仮のフォームを制作

原因を切り分けるために、Contact Form 7で名前だけを入力する、非常にシンプルなフォームを作成し、非公開の固定ページに貼り付けて動作させてみました。すると、正常に動作して送信も行えました。

そこで今度は、該当のフォームを別のページに貼り付けて作動させてみました。すると、こちらも動作しました。つまり、フォーム自体には問題がないということが分かります。

テンプレートを確認する

そこで、お問合せフォームのページで使われているテンプレートファイルを確認してみました。すると、テンプレートファイル内に<form>タグが記述されていました。どうやら、お問合せフォームを設置しようとして、手作業で<form>タグを設置してしまっていたようです。

Contact Form 7を利用する場合は、<form>タグも自動で挿入されるため、テンプレートファイル内には不要です。これを削除し、動作を確認したところ正常に動作しました。

これで修理・復旧いたしました。

WordPressでお困りのことがあった場合は、H2O spaceにご相談ください