vectorarrow

<h4>Features</h4>
Dynamic Content — Insert live data into any block using a simple template syntax: <code>{{ post.title }}</code>, <code>{{ user.name }}</code>, <code>{{ site.name }}</code>. No shortcodes, no PHP templates, no code.
Personalization — Greet visitors by name, show role-specific content, or display custom messages based on login status. Expressions are evaluated server-side on every page load.
Visibility Control — Show or hide any Gutenberg block based on conditions. Display content only for logged-in users, specific roles, or specific post states — all configured from the block sidebar.
Dynamic CSS Classes — Inject CSS classes into any block based on live data. Style blocks differently for administrators vs. guests, published vs. draft posts, and more.
20+ Built-in Filters — Transform values with chainable pipes: <code>upper</code>, <code>lower</code>, <code>truncate</code>, <code>date</code>, <code>default</code>, <code>match</code>, <code>replace</code>, <code>kebab</code>, and more. Chain them: <code>{{ post.title | upper | truncate 20 }}</code>.
Custom Fields — Access any post or user meta with <code>post.meta.my_field</code> or <code>user.meta.my_field</code>. Sensitive keys are blocked by default.
Full Expression Language — Arithmetic, comparison, ternary, logical operators, string interpolation, and bracket access. All evaluated server-side with zero frontend JavaScript.
In-Editor Autocomplete — Typing <code>{{</code> triggers smart autocomplete with categorized suggestions, icons, and live previews.
Extensible — Register custom data roots, custom filters, and custom autocomplete suggestions via WordPress hooks and JavaScript filters.
For complete syntax reference, filter documentation, and developer guides, visit the <a href="https://vectorarrow.com/docs/" rel="nofollow ugc">full documentation</a>.
<h4>How It Works</h4>
Add an expression to any block’s text content by typing <code>{{</code> and selecting your expression from the autocomplete menu. The plugin will automatically format it as an expression chip.
<pre><code>{{ post.title }}
{{ user.name | default "Guest" }}
{{ post.date | date "F j, Y" }}
{{ user.is_logged_in ? "Welcome back!" : "Hello, visitor!" }}
</code></pre>
Expressions are rendered as interactive chips in the editor and resolved server-side on every page render. No JavaScript runs on the frontend.
For the full syntax guide, data roots, and filter reference, see the <a href="https://vectorarrow.com/docs/" rel="nofollow ugc">documentation</a>.
<h4>Source Code</h4>
The full, uncompressed source code is publicly available on <a href="https://github.com/samuel-reinhardt/Vector-Expressions" rel="nofollow ugc">GitHub</a>.

Vector Expressions

Embed dynamic expressions in the Gutenberg block editor to personalize content and control block visibility.

dudaster

Ele Conditions for Elementor turns static Elementor elements into interactive, context-aware components — without writing a single line of code.
There are two independent systems, both accessible from the Advanced tab of any widget, section, or container:
<h4>⚡ Triggers & Actions (client-side, no page reload)</h4>
Attach one or more trigger → action pairs to any element.
10 trigger types:
<ul>
<li>Click — user clicks the element</li>
<li>Hover — user hovers over the element</li>
<li>Delay on load — fires after X milliseconds from page load</li>
<li>Scroll into view — fires once when the element enters the viewport</li>
<li>Time on page — fires after X seconds the visitor has been on the page</li>
<li>Exit intent — fires when the cursor moves toward closing the tab</li>
<li>First visit — fires only on the visitor’s very first page load (localStorage)</li>
<li>Nth visit — fires on the Nth page load (visit counter in localStorage)</li>
<li>A/B Group A / B — fires for visitors randomly assigned to group A or B (persists via localStorage)</li>
</ul>
9 action types:
<ul>
<li>Show — make the target element visible</li>
<li>Hide — hide the target element</li>
<li>Toggle — toggle visibility on each trigger</li>
<li>Add / Remove / Toggle Class — apply a CSS class (great for CSS animations)</li>
<li>Scroll To — smooth-scroll the page to the target element</li>
<li>Focus — set browser focus on the target (input fields, etc.)</li>
<li>Close Others in Group — hide all siblings sharing a CSS class (accordion pattern)</li>
</ul>
Target selector: leave empty to act on the element itself, or enter any CSS selector to act on another element anywhere on the page.
Hide Initially: a dedicated switcher that hides the element on load independently of triggers — useful for elements revealed by a trigger.
<h4>🎛 Display Conditions (server-side, evaluated at render time)</h4>
Show or hide elements based on variables, rules, and time windows. Multiple conditions per element with AND / OR logic.
Built-in variables include: <code>user_role</code>, <code>is_logged_in</code>, <code>user_id</code>, <code>post_type</code>, <code>post_status</code>, <code>post_age_days</code>, <code>post_word_count</code>, <code>post_has_thumbnail</code>, <code>cart_count</code>, <code>cart_total</code>, <code>current_hour</code>, <code>current_day</code>, <code>current_month</code>, <code>current_year</code>, <code>utm_source</code>, <code>utm_medium</code>, <code>utm_campaign</code>, <code>utm_content</code>, <code>utm_term</code>, and more.
Condition types:
<ul>
<li>Simple — compare a variable to a value using ==, !=, >, <, >=, <=, contains, starts_with, ends_with, empty, not_empty</li>
<li>Time interval — show element only between two times of day (supports cross-midnight ranges)</li>
<li>Date/datetime interval — show element only within a date or datetime window</li>
</ul>
Custom variables — register your own variables via the <code>eleconditions_vars</code> filter in your theme’s <code>functions.php</code>.
ACF support — pick any ACF field from a searchable dropdown; the value is fetched at render time.
User meta — condition on any WordPress user meta key for the current visitor.
Debug mode — shows a red-bordered overlay with the evaluated variable values, visible only to editors and administrators.
<h4>Developer-friendly</h4>
<ul>
<li>Zero dependencies beyond Elementor</li>
<li>Fully filterable variable system</li>
<li>No inline styles injected into saved content — everything is evaluated at render</li>
</ul>
Note: Requires the free <a href="https://wordpress.org/plugins/elementor/" rel="ugc">Elementor</a> plugin.

Ele Conditions for Elementor

Add interactive triggers and conditional display logic to any Elementor element — show, hide, toggle on click, scroll, exit intent, and more.

Vector Expressions vs Ele Conditions for Elementor