Alovio Checkout Fields for WooCommerce
Alovio Checkout Fields for WooCommerce

Alovio Checkout Fields for WooCommerce

5/5 (1 ratings) — active installs Updated Jun 12, 2026
The drag-and-drop checkout-field builder with the conditional-logic editor.

The drag-and-drop checkout-field builder with the conditional-logic editor.

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.

Free features

  • Drag-and-drop field builder on a single admin page (WooCommerce Checkout Fields).
  • Field types: text, text area, number, checkbox, multiple choice (radio), dropdown (select), and section heading.
  • Full conditional logic — free: show / hide / require, single or multi-condition (AND/OR).
  • Condition sources: cart contents, product category, customer role, shipping method, payment method, billing/shipping country, and other checkout fields.
  • Works on both the classic checkout and the Block checkout, with live show/hide as the shopper changes payment, shipping, or address.
  • Choose where each field appears (after order notes, before order notes, after customer details, before payment).
  • 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.

Pro

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.

Development

This plugin ships its human-readable source (/src) and build tooling (composer.json, package.json, webpack.config.js) alongside the compiled build/ directory. Build with npm install && npm run build.