お問い合わせはコチラから

Contact form 7 add confirmが動かない時に確認すべきポイント

サイト運営

Contact form 7で作成したフォームは送信ボタンを押すとすぐに送信されてしまいます。送信前に内容の確認画面を入れたいときに使えるプラグインがあります。

Contact form 7 add confirmです。

このプラグインの導入はとても簡単で説明の必要がないくらいです。

しかし、説明しなくても設定できる反面、設定方法を間違えると原因不明なまま動かないケースがあり、ハマる人は結構多いのではないかと思います。この記事では、 Contact form 7 add confirm 導入時の注意点をまとめておきたいと思います。

コンタクトフォームのタグの順番に注意

既存のコンタクトフォームに後から追加する時によくハマるのが、タグの順番です。

送信ボタンよりも手前にタグを追加しないと動作しません。

この順番に意味があります
[confirm "確認する"][back "修正する"][submit "この内容で送信する"]

Javascriptの圧縮に注意

javascriptの圧縮機能があるテーマやプラグインを使っている場合によくハマるのが、javascriptを圧縮してしまうとエラーになって正常に動かないという現象です。

検証ツールなどでjavascriptのエラーが出ているのを確認できれば、圧縮が原因だとすぐにわかるのですが、初心者にはなかなか気づけないと思います。

Javascriptの圧縮から除外すべきファイル

圧縮から除外するjsファイルは、以下のパスのファイルになります。

Cocoonならそのまま除外ファイルとして貼り付ければよいです。

contact-form-7-add-confirm/includes/js/scripts.js 

まとめ

Contact form 7 add confirmは本家と合わせて導入した方が良いプラグインだとおもいます。

導入もとても簡単なのですが、テキトーにやっているとつまづきますので、そんな時は今回の記事を参考にしてみてください。

タイトルとURLをコピーしました