2022.08.25(木) / 20:41

contact-form7の申し込みフォームで表にチェックボックスを追加する方法 サンプルサイト

ID
3874
Published
2022-08-25 20:41
Modified
2026-06-27 12:00
Author
khiro
Categories
デフォルト, 技術ブログ

クライアント様から「講座一覧の表の中にチェックボックスを配置し、そのまま申し込みできるフォームを作りたい」というご相談をいただきました。

Contact Form 7 の標準機能では実現方法が分かりにくく、調査に時間を要しましたが、チェックボックスの出力HTMLを活用することで実現できました。

このページでは、実際に作成したサンプルフォームと、送信時にどのようなメールが届くのかを確認できます。

サンプルフォーム

    10:00~11:00 13:00~14:00 16:00~17:00
    大会議室 講座1 講座2 講座3
    大広間 講座4 講座5 講座6
    ミーティグルームA 講座7 講座8 講座9

    送信後に届いたメール