Linux 软件免费装

在这里免费安装WordPress以及其他软件

Banner图

Visibility Logic for Elementor

开发者 seventhqueen
kierantaylorio
codezz
rtynio
staxwp
geowrge
更新时间 2026年2月24日 15:40
PHP版本: 7.4 及以上
WordPress版本: 6.9
版权: GPLv3
版权网址: 版权信息

标签

elementor conditional logic restrict content visibility dynamic visibility

下载

2.3.5 2.3.5.1 2.4.0 1.1.0 2.3.7 2.5.0 2.1.3 2.0.2 2.0.3 2.1.0 2.1.1 1.0.0 2.2.8 2.3.2 2.3.3 2.3.6 2.3.9 2.1.4 2.1.2 2.1.5 2.1.6 2.1.7 2.2.0 2.2.1 2.2.2 2.2.3 2.2.5 2.2.6 1.0.2 1.0.3 1.0.4 1.2.0 2.2.4 2.2.7 2.0 2.0.1 2.2.9 2.3.1 2.3.0 2.3.4

详情介绍:

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 Free Conditions PRO Conditions How it works
  1. Edit any page with Elementor
  2. Select a widget, section, or container
  3. Go to the Visibility tab (or Advanced → Visibility Control)
  4. Enable conditions and configure your display rules
  5. Save — elements are shown or hidden on the live site based on your rules
More from StaxWP 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.

安装:

  1. Upload the plugin to your wp-content/plugins directory or install directly from WP Admin → Plugins → Add New
  2. Activate the plugin
  3. Edit a page using Elementor
  4. Select any widget, section, or container
  5. Go to the Visibility tab
  6. Enable conditions and configure your display rules
  7. Save and preview your page

屏幕截图:

  • **User Role** — Restrict content by user role or logged-in status
  • **User Meta** — Show/hide based on user meta field values
  • **Date & Time** — Schedule content to appear during a specific period
  • **Browser Type** — Target specific browsers and devices
  • **Admin Panel** — Global plugin settings and configuration

常见问题:

How do I show or hide an Elementor widget based on user role?

Edit your page with Elementor, select any widget, go to the Visibility tab, enable Visibility Logic, then open the User Role section. Select the roles you want to target (e.g., Administrator, Subscriber, Guest). You can choose to show or hide the element when the condition is met.

Can I restrict content to logged-in users only?

Yes. Enable Visibility Logic on any widget, section or container, go to User Role conditions and select "Logged in users". The element will only be visible to authenticated users. Guests will see nothing (or a fallback message with Pro).

How do I schedule content to show at a specific date and time?

Use the Date Time condition. You can set a "From" and "To" date to display content only during a specific period — perfect for sales, events, promotions or limited-time offers. All times are based on your WordPress server time.

Does it work with Elementor containers and Flexbox?

Yes. Visibility Logic fully supports Elementor's Flexbox containers, classic sections, and nested containers. You can also enable "Hide when empty" on a container to automatically hide it when all child widgets are hidden by visibility conditions.

Can I combine multiple conditions (AND / OR)?

Yes. You can enable multiple condition types at once (e.g., User Role + Date Time). In the General settings, choose All (all conditions must be met) or At least one (any single condition triggers the action). The Pro version extends this with advanced AND/OR logic for user meta conditions.

Can I show or hide content based on ACF field values?

Yes! The free version supports ACF (Advanced Custom Fields) visibility on the current post or page with 7 operators. The Pro version extends ACF support with repeater fields, options pages, user fields, term meta, and AND/OR logic with 17 operators.

Can I show different content on mobile vs desktop?

Yes. The Device Type condition detects Desktop, Tablet, and Mobile visitors using server-side User-Agent detection. Unlike CSS-based solutions, hidden elements are completely removed from the HTML — not just visually hidden.

Can I show different content based on the visitor's country?

Geolocation-based visibility is available in Visibility Logic Pro. It uses MaxMind to detect the visitor's country and dynamically show or hide elements — great for localized offers, compliance notices, or region-specific content.

Does it work with WooCommerce?

The Pro version includes WooCommerce conditions — restrict content based on a user's order history, active subscriptions, or customer status. Perfect for showing exclusive content to paying customers.

What happens when an element is hidden? Is the HTML removed?

By default, hidden elements are completely removed from the page HTML. If you need the HTML to remain in the DOM (hidden via CSS), enable the Keep HTML / Hide by CSS option. The Pro version also offers a Fallback feature to replace hidden elements with a custom message or an Elementor template.

Will this slow down my website?

No. Visibility Logic processes conditions server-side during page render with minimal overhead. Hidden elements are removed before the page is sent to the browser, so there's no extra HTML, CSS, or JavaScript loaded for hidden content.

Is it compatible with caching plugins?

Visibility Logic automatically disables Elementor's element caching for pages that use visibility conditions, ensuring dynamic content renders correctly. For full-page caching plugins (WP Rocket, LiteSpeed, etc.), make sure to exclude pages with user-specific conditions from the cache or use the "Keep HTML / Hide by CSS" option with client-side cache.

更新日志:

2.5.0 2.4.0 2.3.9 2.3.6 2.3.5.1 2.3.5 2.3.4 2.3.3 2.3.2 2.3.1 2.2.9 2.2.8 2.2.7 2.2.6 2.2.5 2.2.4 2.2.3 2.2.2 2.2.1 2.2.0 2.1.7 2.1.6 2.1.5 2.1.4 2.1.3 2.1.2 2.1.1 2.1.0 2.0.3 2.0.2 2.0.1 2.0.0 1.2.0 1.1.0 1.0.4 1.0.3 1.0.2 1.0.0 Be a contributor If you want to contribute, go to our GitHub Repository. You can also add a new language via translate.wordpress.org.