Show fields when conditions match

Conditional Fields Pro extends conditional form workflows in Contact Form 7 for applications, service requests, questionnaires, registrations and other forms with changing requirements. In the form editor, add a “Conditional fields Group” tag and place the relevant fields between its start and end tags. Groups are hidden by default; use the “Conditional fields” tab to set conditions that show them. Groups can be nested, and required fields in hidden groups do not trigger validation errors.

Pro tools for more involved forms

• Repeatable fields: Let users provide multiple entries of the same general type.
• Multistep forms: Divide a longer form into steps.
• Calculated fields: Derive values from submitted form information.
• JavaScript conditions: Use JavaScript functions for advanced conditional behavior.
• Multiple file uploads: Allow a form workflow to accept multiple uploaded files.

Match email content to visible groups

Conditional groups can also control which content appears in email messages. Wrap content in matching group tags, such as [group-name] ... [/group-name], to show it when that group is visible. To show content only while the group is hidden, use inverted tags: [!group-name] ... [/!group-name]. Groups can be nested in forms and email templates.

Use unique names for every field

Conditional groups conceal fields; they do not remove them. All fields are submitted with the form, including fields in groups that are not visible. Give every field a unique name, even when two fields are never visible at the same time, to avoid incorrect or unexpected submitted values.

Set up and troubleshoot a form

Install the Conditional Fields components alongside Contact Form 7, edit the form, and add conditional group tags around the fields to control. In the “Conditional fields” tab, create one or more conditions, then configure the Pro functions the form needs. Add matching group tags to the email template if its content should follow the user’s chosen path.

If groups stay visible or do not respond, check the browser console for JavaScript errors. The conditional script loads near the bottom of the page, and an earlier JavaScript error can prevent it from running in most browsers. The theme also needs to call wp_footer(), where the conditional script is loaded. To investigate conflicts, try disabling add-ons one at a time and changing the theme.