Conditional Fields Pro

Conditional Fields Pro extends Contact Form 7 for forms where later questions depend on earlier answers. Its Pro functions include repeaters, multistep forms, calculated fields, advanced conditions using JavaScript functions and multiple file uploads. These tools can support applications, service requests, questionnaires and registrations with changing requirements.

How do conditional groups work?

Add a “Conditional fields Group” tag in the form editor and place the controlled fields between its start and end tags. Groups are hidden by default. In the “Conditional fields” tab, make conditions that determine when each group appears. Groups can be nested, and required fields inside hidden groups do not trigger validation errors. Advanced users can write conditions as plain text in Text View instead of using the choose boxes.

Which Pro functions fit the form?

• Repeaters: Collect multiple entries of the same general type.
• Multistep forms: Divide a longer form into separate steps.
• Calculated fields: Derive values from submitted form information.
• JavaScript conditions: Use functions for more flexible conditional behavior.
• Multiple file uploads: Let visitors attach multiple documents to a form.

How can email content follow the selected path?

Wrap email content in group tags to display it when the corresponding form group is visible: [group-name] ... [/group-name]. To show content only when that group is hidden, use the inverted notation with an exclamation mark: [!group-name] ... [/!group-name]. Nested groups can also be used in email templates.

Why must every field name be unique?

Conditional groups hide fields; they do not remove them. All fields are submitted with the form, even when hidden, so give every field a unique name, including fields in groups that are never visible at the same time. Reusing a name can lead to incorrect or unexpected submitted values.

What can keep groups from responding?

A JavaScript error may prevent the conditional code from running. The scripts load at the bottom of the page, so an earlier error can interfere. Check the browser console for errors. The theme must also call wp_footer(), where the conditional fields JavaScript is loaded. Gradually disabling plugins and changing the theme can help identify a conflict.

How do you configure a form?

Install the Conditional Fields components alongside Contact Form 7. Edit the form and add groups around the fields to control, then open the “Conditional fields” tab to create conditions. Configure the Pro features the form needs, such as repeaters, steps, calculations, JavaScript functions or multiple uploads. Review the email template and add matching group tags if its content should depend on group visibility.