DAILY JOURNAL

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

2022年8月25日 20時41分

contact-form7の申し込みフォームで表にチェックボックスを追加する方法 サンプルサイト
最終更新
2026年6月27日 12時00分
カテゴリー
技術・開発
タグ

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

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

    送信後に届いたメール