In this tutorial we will create a simple franchise form with conditional fields.
The end result
Because you probably wonder what the end result is going to look like, here it is! Go ahead and submit the form. No data will be emailed to anyone, instead you will get a preview of what the email will look like. Make sure to try both options (Kiosk Model, Take Away and Dining Cafe) to see the difference in the email message.
The specs
These are the requirements we want the form to meet:
- The user should be able to choose whether their question is Kiosk Model, Take Away or Dining Cafe related.
- If it’s a kiosk model the user will need to select their Investment (price) from a drop down list.
Getting started
Make sure Contact Form 7 and Conditional Fields for Contact Form 7 are both installed and activated on your WordPress site. In the WordPress admin, go to Contact > Add New to create a new form. Enter the form code below:
1.Form Code
If you want to reproduce the form at the top of this page, simply paste this form code in your Contact Form 7 form.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 |
<label> Your name [text* your-name] </label> <label> Your email [email* your-email] </label> <label> Subject [text* your-subject] </label> <label> Franchise Model [select franchise-model "-- Select Franchise --" "Kiosk Model" "Take Away" "Dining Cafe"] </label> [group kiosk] <label> Investment [select investment "5K" "1Lac"]</label> [/group] [group takeaway] <label> Investment [select investment "2Lac" "3Lac"]</label> [/group] [group diningcafe] <label> Investment [select investment "9Lac" "10Lac"]</label> [/group] <label> Your message (optional) [textarea your-message rows:5] </label> [submit "Submit"] |
2.Mail Setup
Code:
1 2 3 4 5 6 7 8 9 10 |
From: [your-name] <[your-email]> Subject: [your-subject] Franchise: [franchise-model] Investment: [investment] Message Body: [your-message] -- This e-mail was sent from a contact form on [_site_title] ([_site_url]) |
Adding conditional logic
Click the add new conditional rule button and enter this information:

Conditional Fields For Contact Form 7 Video Tutorial
Conditional Fields For Contact Form 7 Tutorial
lementor Forms Conditional Logic with Dynamic Content for Elementor
contact form 7 conditional fields in hindi
conditional fields wordpress
conditional logic form elementor