Mr. J

ajay2188

Mr. J Dev Dynamic Checkout Fields lets store owners add fully configurable custom fields to the WooCommerce checkout page. Fields can be shown conditionally based on cart total, shipping country, or product presence — all managed via a clean split-panel admin UI without writing any code.
Field Types:
<ul>
<li>Text — single-line text input</li>
<li>Textarea — multi-line text area (4 rows, resizable)</li>
<li>Dropdown — select from a list of predefined options (you define one option per line)</li>
<li>Checkbox — a simple yes/no toggle</li>
</ul>
Conditional Display (show field only when):
<ul>
<li>Always — field is always visible at checkout</li>
<li>Cart total is greater than ₹X — e.g. show a “Gift wrapping note” field only for orders above ₹500</li>
<li>Shipping country equals — show field only for specific countries (2-letter ISO code, e.g. IN, US, GB)</li>
<li>Product ID is in cart — show a field only when a specific product is being purchased</li>
</ul>
Note: Conditions apply to the classic shortcode checkout only. In the block checkout, all registered fields are always shown.
Validation:
<ul>
<li>Mark any field as required — WooCommerce will block checkout if left empty</li>
<li>Optional regex pattern — e.g. <code>^[0-9]{10}$</code> to enforce a 10-digit phone format</li>
<li>Regex is applied to Text fields only; Checkbox and Dropdown use WooCommerce’s built-in validation</li>
</ul>
Checkout Compatibility:
<ul>
<li>Classic Checkout (shortcode <code>[woocommerce_checkout]</code>) — full support including conditions</li>
<li>Block Checkout (WooCommerce 8.9+) — fields registered via the Additional Checkout Fields API and appear in the “Order” section of the block checkout automatically. Textarea type falls back to a single-line text field in block mode (the Block API has no native textarea type)</li>
</ul>
Data Handling:
<ul>
<li>Field values are saved as order meta on checkout submit</li>
<li>Displayed in the admin order detail page (below billing address)</li>
<li>Included in WooCommerce order emails — both HTML and plain-text formats</li>
</ul>
Admin UI (split-panel layout):
<ul>
<li>Left panel — lists all saved fields as cards with type badge, condition summary, and required indicator</li>
<li>Right panel — inline create / edit form; clicking a card loads it for editing</li>
<li>Fields are created, updated, and deleted without leaving the page</li>
<li>The form auto-shows/hides the Dropdown Options textarea and Condition Value input based on your selections</li>
</ul>
<h3>Usage</h3>
<ol>
<li>Go to WooCommerce → Checkout Fields.</li>
<li>Click Add New Field.</li>
<li>Fill in:
<ul>
<li>Field ID — a unique slug (lowercase, underscores only), e.g. <code>pan_number</code></li>
<li>Label — what customers see at checkout, e.g. “PAN Number”</li>
<li>Field Type — Text, Textarea, Dropdown, or Checkbox</li>
<li>Dropdown Options — one option per line (only shown when type is Dropdown)</li>
<li>Required — tick to block checkout if the field is left empty</li>
<li>Show When — the condition that must be true for the field to appear</li>
<li>Condition Value — the value for your condition (amount / country code / product ID)</li>
<li>Validation Regex — optional regex for Text and Textarea fields</li>
</ul>
</li>
<li>Click Save Field.</li>
</ol>
The field will appear on the checkout page whenever its condition is met. Submitted values are stored with the order and visible in the admin order screen and in all WooCommerce order emails.
<h3>Condition Examples</h3>
Gift message field for large orders: 
* Type: Text | Show When: Cart total > | Value: 1000
PAN card field for Indian customers only: 
* Type: Text | Show When: Shipping country = | Value: IN 
* Validation Regex: <code>^[A-Z]{5}[0-9]{4}[A-Z]{1}$</code>
Delivery preference for a specific product: 
* Type: Dropdown | Show When: Product ID in cart | Value: 42 
* Options: Morning
Afternoon
Evening
Simple gift wrap option: 
* Type: Checkbox | Show When: Always | Required: No
<h3>Block Checkout Notes</h3>
To use with the WooCommerce Block Checkout:
<ul>
<li>WooCommerce 8.9 or newer is required</li>
<li>Fields are registered in the “Order” section of the block checkout</li>
<li>Conditional display is not supported in block mode — all your fields will always show</li>
<li>Field values are saved and displayed in orders automatically by WooCommerce</li>
</ul>

Mr. J Dev Dynamic Checkout Fields

Add custom fields to the WooCommerce checkout based on cart contents, value, or country. Saves data to order meta and displays it in the admin.

George Tudor

StaxWP

codezz

SeventhQueen

Robert

Kieran

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

Visibility Logic for Elementor

Conditional visibility for Elementor — show or hide widgets based on user role, ACF fields, device type, date & time, browser and more.

Mr. J Dev Dynamic Checkout Fields vs Visibility Logic for Elementor