お役立ち

Contact Form 7 add confirmが機能しない

Contact Form 7 add confirm

毎日コツコツとブログを構築するべく、勉強しています。
今回はお問い合わせフォームをお洒落にしたいなと思いまして、
プラグインとしてContact Form 7 add confirmを使った時のお話です。

結論としては、Contact Form 7 add confirmは、Contact Form 7の最新版では機能しないと思いますので、
私は確認ボタンの採用を諦めました。

お問い合わせフォームを設置しようと思い、プラグインであるContact Form 7を導入しましたが、
自分で使ってみて、ボタンが見にくいこと、押した瞬間に送信されることが不満でした。
「確認」ボタンを押してから「送信」ボタンを押すようにしたかった、ただそれだけの事なんですが、これが難しいんですよね。

調べてみると、「Contact Form 7 add confirm」というプラグインで、確認ボタンの設定が簡単に出来るとのこと。

Contact Form 7 add confirm

早速導入してみましたが、機能しませんでした。
その後よく調べてみると、「Contact Form 7 add confirm」は数年間アップデートされておらず、
「Contact Form 7」がバージョンアップしたことでCSSが崩れたということがわかりました。
直接テーマのCSSを操作することで、「Contact Form 7 add confirm」を機能させられる可能性があることがわかりましたが、
ど素人の私にはテーマを触ることはできませんので、諦めました。
万が一、テーマを操作される場合はバックアップをしてからが無難だと思いますので、ご注意ください。

代案として、代替のプラグインとして「Confirm Plus Contact Form 7」も検討しました。

Confirm Plus Contact Form 7

しかしテーマとの相性が悪いのか、「確認」→「送信」という手順を実現することはできませんでした。

まとめ

私は、お問い合わせフォームを「確認」ボタンを押してから「送信」ボタンを押すようにしたかったのですが、諦めました。
もうちょっとCSSを勉強してから、リベンジしたいなと思っています。