Conditional Fields Pro

More flexible Contact Form 7 workflows

Conditional Fields Pro is a paid extension for Contact Form 7 that includes advanced form capabilities to the Conditional Fields workflow. It is intended for forms that need more than a simple set of always-visible inputs, such as applications, service requests, questionnaires, registrations, and other forms with changing requirements.

The underlying conditional-fields system lets you place fields inside groups that are hidden by default. You then define conditions that determine when those groups appear. This keeps a form focused by showing relevant fields only after a user provides the information needed to decide what comes next.

Advanced Pro functions

• Repeatable fields: Use repeaters when users need to provide multiple entries of the same general type.
• Multistep forms: Divide a longer form into multiple steps instead of presenting every section at once.
• Calculated fields: Add calculations to workflows that require values to be derived from submitted form information.
• Advanced conditions with JavaScript functions: Build more flexible conditional behavior for advanced form requirements.
• Multiple file upload: Let a form workflow accommodate multiple uploaded files.

Conditional groups and email content

In Contact Form 7, add the “Conditional fields Group” tag and place the relevant fields between the group’s start and end tags. The group remains hidden until a matching condition makes it visible. Groups can be nested, allowing one conditional section to contain another.

Conditional visibility can also be reflected in email messages. Email content may be wrapped with group tags so that information appears when the corresponding group is visible. To show content only when a group is hidden, use the inverted group notation with an exclamation mark. This helps keep notification emails aligned with the form path selected by the visitor.

Important form setup details

Hidden fields are hidden rather than removed, and all fields are submitted when the form is sent. For that reason, every field must have a unique name, even when two fields are placed in groups that are not visible at the same time. Unique names help prevent incorrect or unexpected submitted values.

If conditional groups remain visible or do not respond, a JavaScript error may be preventing the conditional code from running. The extension’s scripts load at the bottom of the page, so an earlier JavaScript error can affect operation. Browser developer tools can help identify the issue. Testing by gradually disabling extensions and changing the theme can also help locate a conflict.

Installation and configuration

Install the Conditional Fields components alongside Contact Form 7, edit the required form, and add conditional groups around the fields that should be controlled. Open the “Conditional fields” tab to create one or more conditions, then configure the Pro features required for the form, such as repeaters, steps, calculations, JavaScript functions, or multiple uploads. Review the related email template and use matching group tags where conditional email content is needed.