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.

74h1r

Alovio Checkout Fields lets you add unlimited custom fields to the WooCommerce checkout and show, hide, or require them based on real checkout context — cart contents, product category, customer role, shipping method, payment method, and country — all without writing code.
Most checkout-field plugins lock conditional logic behind a paid upgrade. This one gives you the full conditional engine for free, including multi-condition AND/OR rules, and it behaves identically on the classic checkout and the new Block (Store API) checkout.
<h4>Free features</h4>
<ul>
<li>Drag-and-drop field builder on a single admin page (WooCommerce → Checkout Fields).</li>
<li>Field types: text, text area, number, checkbox, multiple choice (radio), dropdown (select), and section heading.</li>
<li>Full conditional logic — free: show / hide / require, single or multi-condition (AND/OR).</li>
<li>Condition sources: cart contents, product category, customer role, shipping method, payment method, billing/shipping country, and other checkout fields.</li>
<li>Works on both the classic checkout and the Block checkout, with live show/hide as the shopper changes payment, shipping, or address.</li>
<li>Choose where each field appears (after order notes, before order notes, after customer details, before payment).</li>
<li>Validation (required and conditionally-required), then the values are saved to the order and shown on the admin order screen and in order emails. HPOS-compatible.</li>
</ul>
<h4>Pro</h4>
A separate Pro add-on unlocks field-driven pricing/fees, file-upload and date/time field types, repeatable field groups, My-Account-editable fields, import/export, and per-rule analytics. The free plugin is fully functional on its own.
<h3>Development</h3>
This plugin ships its human-readable source (<code>/src</code>) and build tooling (<code>composer.json</code>, <code>package.json</code>, <code>webpack.config.js</code>) alongside the compiled <code>build/</code> directory. Build with <code>npm install && npm run build</code>.

Alovio Checkout Fields for WooCommerce

Add custom WooCommerce checkout fields with a drag-and-drop builder and full conditional logic — working on both classic and Block checkout.

Mr. J Dev Dynamic Checkout Fields vs Alovio Checkout Fields for WooCommerce