Conditional Fields for Contact Form 7 vs Visibility Logic for Elementor

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!

Visibility Logic adds powerful conditional display conditions to every Elementor widget, section, and container. Control exactly who sees what, when, and on which device — without writing a single line of code. Hidden elements are completely removed from the HTML (not just hidden with CSS), keeping your pages fast and your content secure. When to use Visibility Logic Restrict content to logged-in users, specific roles, or subscribers Schedule content to appear during a sale, event, or launch window Personalize pages based on user meta, ACF custom fields, or device type Show/hide elements for Desktop, Tablet, or Mobile visitors A/B test layouts by showing different content to different user segments Hide empty sections automatically when all child widgets are hidden Free Conditions ACF Fields (NEW) — Show/hide based on Advanced Custom Fields values on the current post or page. 7 operators: is empty, is not empty, equals, not equals, contains, is true, is false. Device Type (NEW) — Target Desktop, Tablet, or Mobile users with server-side User-Agent detection. Hidden elements are fully removed from HTML. User Role — Logged in, logged out, or specific roles (Administrator, Editor, Subscriber, custom roles). User Meta — Show/hide based on any user meta field value. Date & Time — Schedule visibility with “from” and “to” dates. Perfect for sales, events, and time-limited content. Browser Type — Target Chrome, Firefox, Safari, Edge, Opera, iPhone, Android, and more. Flexbox Containers — Full support for Elementor’s Flexbox containers, classic sections, and nested containers. Hide When Empty — Automatically hide a parent section/container when all child widgets are hidden by visibility conditions. PRO Conditions Advanced ACF — Repeater fields, options page, term meta, user fields, specific post/user sources, AND/OR logic with 17 operators. Language — Show/hide based on current language. Supports WPML, Polylang, and TranslatePress. URL Parameters — Standalone query string conditions with repeater support and 9 operators. Geo Location — Display elements based on visitor’s country using MaxMind geolocation. Dynamic Conditions — Use all Elementor Pro Dynamic Tags as visibility conditions. WooCommerce — Restrict content based on order history, active subscriptions, or customer status. Easy Digital Downloads — Restrict based on purchase history or subscription status. Advanced User Meta — Multiple user meta conditions with AND/OR logic. Post & Page, Taxonomy — Show/hide based on current post type, specific pages, or taxonomy terms. Archive — Conditions based on post type archives and taxonomy archives. IP & Referrer — Target visitors by IP address or referral source. WordPress Conditional Tags — Use any WordPress conditional tag as a visibility condition. Fallback Content — Replace hidden elements with a custom text message or an Elementor template. Copy/Paste — Right-click to copy visibility settings between widgets or sections. Get Visibility Logic Pro and unlock all conditions. How it works Edit any page with Elementor Select a widget, section, or container Go to the Visibility tab (or Advanced → Visibility Control) Enable conditions and configure your display rules Save — elements are shown or hidden on the live site based on your rules More from StaxWP BuddyBuilder — BuddyPress Builder for Elementor — Build stunning BuddyPress communities with Elementor. Elementor Addons & Widgets — Powerful widgets to help you build stunning pages. Woo Addons for Elementor — Elementor enhancements for WooCommerce. Privacy Policy We use Appsero SDK to collect some telemetry data upon user’s confirmation. This helps us troubleshoot problems faster and make product improvements. Found a bug? Report security bugs through the Patchstack Vulnerability Disclosure Program. The Patchstack team helps validate, triage, and handle any security vulnerabilities. Credits This plugin implements some functionality similar to: * Dynamic Content for Elementor (GPL v2 or later)