Conditional Fields for Contact Form 7

01 / SOURCE DETAILS

About this tool

This plugin adds conditional logic to Contact Form 7 . If you edit your CF7 form, you will see an additional tag called “Conditional fields Group”. Everything you put between the start and end tag will be hidden by default. After you have added the field group(s), go to the “Conditional fields” tab to create one or more conditions that will make the group(s) appear. Conditional Fields for Contact Form 7 is an independent plugin. This plugin is not affiliated with or endorsed by the developers of Contact Form 7. How to use it Follow this tutorial Main features Support for required fields Required fields inside hidden groups will never trigger validation errors. Hide/show info in emails based on what groups are visible Conditional groups can now be added to the emails as well. Just wrap the content with [group-name] ... [/group-name] tags. To show content only when a group is hidden, invert the tag with an exclamation mark: [!group-name] ... [/!group-name] . Groups can be nested Groups can be nested, both in the form and in the email Example form: [group group-1] [group group-inside-1] ... [/group] [/group] Example email: [group-1] [group-inside-1] ... [/group-inside-1] [/group-1] Advanced Advanced users can code up the conditions as plain text instead of using the select boxes, using the Text View. Need more power? Just like WordPress, the power of Contact Form 7 lies in its rich eco-system of extensions that build on top of it. However, it can be difficult to find a set of complex extensions that work well together. That’s why I created Conditional Fields Pro. It adds some powerful features to Contact form 7 and guarantees that everything will run smoothly with Conditional Fields. Pro features include: Repeatable fields (repeaters) Forms with multiple steps (multistep) Calculated fields Advanced conditions with JavaScript functions Multiple file upload Get the PRO version of Conditional Fields for Contact Form 7!

02 / SOURCE DETAILS

Getting started

Please follow the standard installation procedure for WordPress plugins . Follow this tutorial if you are not sure how to use the plugin.

03 / SOURCE DETAILS

Frequently asked questions

Email message is not showing the correct values / Wrong values are submitted All field names should be unique Even though your fields might never show up at the same time, it is still important to realize that WPCF7CF will not remove the fields, it merely hides them. So all fields will be submitted when the form is sent. Because of this no two fields can have the same name. Incorrect form (2 input elements having the same name “a”): [group group-1][select a "1" "2" "3"][/group] [group group-2][select a "1" "2" "3"][/group] Correct form (all groups and fields have unique names): [group group-1][select a "1" "2" "3"][/group] [group group-2][select b "1" "2" "3"][/group] All my groups show up all the time and never get hidden. Reason #1: JavaScript error Check your browser console (F12) for any JavaScript errors. WPCF7CF loads its scripts at the bottom of the HTML page, so if some JavaScript error gets triggered before that, the code will not be executed in most browsers. Before reaching out to the support forum try to determine which plugin or theme is causing the problem, by gradually disabling plugins and changing the theme. Reason #2: wp_footer() isn’t loaded Check if your theme is calling the wp_footer() function. Typically this function will be called in your theme’s footer.php file. The conditional fields javascript code is loaded during wp_footer, so a call to this function is crucial. If there is no such call in your theme, go to your theme’s footer.php file and add this code right before the closing </body> tag: <?php wp_footer(); ?>

Explore related topics