Contact Form 7 Conditional Fields Tutorial

Contact Form 7 conditional fields allow you set fields or sets of fields to appear only when specific criteria are met. For example, if you have a dropdown you can show different fields for every choice in the dropdown.

[mrRetteketet]

Hey thanks for reviewing my plugin. Great video! I would just like to point out two errors:
1. you are actually allowed to use required fields inside a group. Required fields that are hidden on submit will not cause validation errors.
2. Conditions do work in the email. For example: you can add info between [teen] ... [/teen]. The info between these tags will only be shown in the email message if the group [group teen] was visible during form submission.

[johnboyd]

Thanks, Bjorn, I've never actually used CF7 on a website, until my Granddaughter decided she needed a website. So, I had to learn how to use the CF7 plugin and this tutorial helped me achieve something I had never dreamed was possible. Great job of explaining things and I really appreciate your time and expertise.

[ProfitableAgribusinessIdeas]

hi nice video. do you have any plugins that can query a result? for example a visitor will search for supplier per location. please advice.

[TheBourneBlogger]

Watching Bjorn dissect complex WP stuff literally relaxes me

[monikaanderson]

Best video tutorial EVER! I just created a custom Contact Form on my website with conditional fields, thank you!

[KleinfeldTechnical]

First: great set of videos. I needed to put a contact form on a website and was put off by the apparent complications of Contact Form 7. I went with WPForms Lite. Then I discovered your channel and after several videos, I am now using Contact Form 7, which is both fully free and much more flexible. That change took about 1 day.
Comment specific to this video: The tests in the conditional logic may not work as you have shown them. If a user answers "Y" instead of "Yes" I suspect the test will fail and not show the next group. Perhaps radio buttons, or check boxes, or a drop down would be safer than a text box.
General comments:
1. You repeatedly make a point of putting the form's shortcode into the text box of the webpage. It works fine in the visual editor as well.
2. I found that I can use standard html code in the form editor. This allows me to put red asterisks in the labels for required fields, for example, or to bold or underline text. I also found that I can just type text in the form editor and it will show on the web page. Makes it useful to add instructions, general labels, etc.
Keep up the good work!

[jrsharp]

Very nice. Thank you for this easy to follow tutorial. Perfect.

[hr-gaming]

can we redirect to a specific page according to the dropdown?

[TheMiaouli]

what is the syntax for a conditional field based on a checkbox? I have tried true, false, yes but none work - e.g. show group if checkbox equals true (checked)

[vosyasabesquien]

So, theres no way to send in the message body only the conditional field the user chose in the form?

[olgaprokopenko]

Brilliant! Thank you very much! You explained everything!

[Dillinger]

I'm asking this here because it seems to reply to comments. I have an insurance website I'm building and at this one part in caldera where I created a country field & a drop down menu, in the "Bulk Insert /Preset" I don't know what else to do after that, it doesn't work even though I can see it just sitting there. What do I click to get it work, "Insert Options?

[ahyek]

i have some question why inside your video the conditional fields have IF selection? i have install the free version only have SHOW selection only. Is it need PRO version only got IF selection?

[JasimPeringattuthodi]

how to use a contact form 7 of a word press site in to another html site .i frame is working, but i need destination site styles . is there any other solution? many thanks

[DrCrypto-ash]

do you know if there's anyway to have a field seach and select a product?

[SureshKumarsks]

Hi Thanks for this tutorial. I want to ask how i can make logic for three dropdown that depend on each other like State--->District--->Village. i want to open particular village of particular Distt and they should be stored in one column in database because I have to display on dashboard admin user. Please help in this matter.

Thanks!!

[ashokkrishna]

HI Its a great tutorial, but i have a problem, How this condition work for checkboxes? for example hide and show form fields

[Ilan-Aviv]

Hello guys. on my wordpress website I like to create a multistep contact form that have a 90 steps (it's a questions i dont like the user to see the next question before filling the actual one).
i know there's some plugings, but don't like to create 90 page's in wordpress, because it's a lot of work.
is there's some other way of doing that?
any advice will be appreciated.

[ganeshawebsitedeveloper]

Hi Bjorne
I want to show a different submission message.
How can I do it?
I want to flash the customer care numbers of the respective districts when he submits the form.


Example:
If he selects China in the contact form, after submission he will see China's Customer care number.


Please help me.

[israelgil]

Hi, thank you so much for this you've gained a subscriber!! I got a question though and I hope you could answer it. I think ihis is more of an advanced conditional question; maybe..

I'm trying to add a couple of conditional groups to one field; for example:

I have a course that is available on Monday, Tuesday and Wednesday. Each day is offered at a different time.

I want users to select a time depending on the day chosen. But on the testing, it only shows the time for "course Monday"

Here is my cf7 structure for this:

[select* Course-level "Gevoerdere Beginners" "Salsa Beginners" "Salsa N1" "Salsa N2" "Salsa N3" "Salsa N4" "Son Beginners" "Son N1" "Son N2" "Son N3" "Son N4"]

[group SalsaN2]
       <label> Kies een dag</label>
               [select Day-SalsaN2 "Monday" "Wednesday"]
       [group SalsaN2-Tijd-Maandag]
               [checkbox SalsaN2-Time-Monday "19:00 - 20:00"]
       [group SalsaN2-Tijd-Woensdag]
               [checkbox SalsaN2-Time-Wedneaday "19:00 - 20:00" "16:00-17:00"]
       [/group]
       [/group]
    [/group]

When testing it and click on Monday everything works fine. but when clicking on Wednesday, no time shows up.

Thanks really if you answer this. Cheers!