Skip to content
Main Navigation
Conditional Fields
for Contact Form 7
Tutorial
Docs
Form tester
Support
Free
PRO
All Tags
advanced
custom functions
file
Free plugin
multifile
multistep
Pro plugin
Regex
Relational operators
Repeater
Summary
Togglebutton
Form code
<h2>Booking Form</h2> <label>Check-in</label> [date* checkin] <label>Check-out</label> [date* checkout] <label>Nightly rate ($)</label> [number* rate min:0 "120"] <hr /> <p>Nights: <strong>[calculated nights func:nightsBetween display:span]</strong></p> <p>Total: <strong>$[calculated total formula:"[nights] * [rate]" display:span decimals:2]</strong></p> [submit "Book Now"] <script> function nightsBetween(fields) { var checkin = new Date(fields.raw('checkin')); var checkout = new Date(fields.raw('checkout')); if (isNaN(checkin) || isNaN(checkout)) return 0; return Math.max(0, (checkout - checkin) / 86400000); } </script>
Conditions (Text View)
Email / Summary code
<h2>Booking Confirmation</h2> <table> <tr><td>Check-in</td><td>[checkin]</td></tr> <tr><td>Check-out</td><td>[checkout]</td></tr> <tr><td>Nights</td><td>[nights]</td></tr> <tr><td>Nightly rate</td><td>$[rate]</td></tr> <tr><td><strong>Total</strong></td><td><strong>$[total]</strong></td></tr> </table>
Attachments
Additional settings
Resulting form
Booking Form
Check-in
Check-out
Nightly rate ($)
Nights:
Total:
$
Form Tester for Contact Form 7
powered by
Conditional Fields for Contact Form 7
How to use
Run
Copy URL
URL copied to clipboard!
Additional styles and scripts loaded on this page
×