Loyalcoders

<p>Magic Extra Field Light is a lightweight WordPress plugin that allows you to add custom fields to your WooCommerce products using Elementor’s interface. It’s perfect for adding text inputs, checkboxes, and other form elements to your product pages.</p>
<h4>Features</h4>
<ul>
<li>Add custom fields to WooCommerce products</li>
<li>Use Elementor’s interface to design your fields</li>
<li>Support for text inputs, checkboxes, and more</li>
<li>Fields appear in cart and order details</li>
<li>Lightweight and fast</li>
</ul>
<h4>Requirements</h4>
<ul>
<li>WordPress 5.0 or higher</li>
<li>WooCommerce 5.0 or higher</li>
<li>Elementor 3.0 or higher</li>
<li>PHP 7.4 or higher</li>
</ul>
<h3>Development Setup</h3>
<h4>Prerequisites</h4>
<ul>
<li>Node.js (v14 or higher)</li>
<li>npm or yarn</li>
<li>WordPress development environment</li>
<li>WooCommerce installed and activated</li>
<li>Elementor installed and activated</li>
</ul>
<h4>Installation Steps</h4>
<ol>
<li>
<p>Clone the repository:<br />
   <code>bash<br />
git clone https://github.com/loyalcoder/magic-extra-field-light.git</code></p>
</li>
<li>
<p>Navigate to the plugin directory:<br />
   <code>bash<br />
cd magic-extra-field-light</code></p>
</li>
<li>
<p>Install dependencies:<br />
   <code>bash<br />
npm install</code></p>
</li>
<li>
<p>Build the assets:<br />
   <code>bash<br />
npm run build</code></p>
</li>
</ol>
<h4>Source Code</h4>
<p>This plugin uses build tools to generate optimized production assets. The source code for all JavaScript and CSS files is available in the following locations:</p>
<ul>
<li><strong>JavaScript Source</strong>: <code>assets/src/js/</code> – Contains the original, human-readable JavaScript source files</li>
<li><strong>CSS Source</strong>: <code>assets/src/css/</code> – Contains the original, human-readable CSS source files</li>
<li><strong>Build Configuration</strong>: <code>webpack.config.js</code> – Webpack configuration for asset compilation</li>
</ul>
<p>The compiled/minified assets are located in <code>assets/dist/</code> and are generated from the source files using webpack.</p>
<h4>Build Tools</h4>
<p>This plugin uses the following build tools:<br />
* <strong>Webpack</strong>: For bundling and optimizing JavaScript and CSS assets<br />
* <strong>npm</strong>: For dependency management and build scripts</p>
<p>To modify the plugin’s frontend or admin interface:<br />
1. Edit the source files in <code>assets/src/</code><br />
2. Run <code>npm run build</code> to compile changes<br />
3. Test your modifications</p>
<p>The source code is also available on GitHub: https://github.com/loyalcoder/magic-extra-field-light</p>


Magic Extra Field Light

Add custom fields to WooCommerce products using Elementor's interface.

PSBDx

M Farhan Hamim

<p>PSBDx Custom Product Fields adds dynamic custom fields to WooCommerce product pages and seamlessly carries the submitted values through the cart, checkout, and order screens.<br />
Core capabilities:<br />
 * Add multiple field types: text, number, email, mobile, dropdown, radio, and checkbox.<br />
 * Mark fields as required and define custom error messages per field.<br />
 * Increase product price dynamically using the Price Per Unit setting on Number fields.<br />
 * Allow decimal (point) values in Number fields with the Allow Decimals setting.<br />
 * Edit captured field values directly from the Admin order screen.<br />
 * Conflict-safe runtime guard: pauses plugin execution and shows admin notices when conflicts are detected.<br />
 * Full WordPress Multisite compatibility with network activation support.<br />
 * Includes extensive developer hooks for custom integrations.<br />
For complete details, advanced setups, and guides, please visit our official documentation: https://dev.psbdx.xyz/documentations/psbdx-custom-product-fields/</p>
<h3>Compatibility Warning</h3>
<p>If a custom plugin or theme fully replaces the standard WooCommerce product, cart, checkout, or order creation flow (instead of using standard WooCommerce hooks), this plugin may not be able to capture field data or apply price adjustments.<br />
Possible impacts of custom overrides:<br />
 * Custom field values may not be saved into cart/order item meta.<br />
 * Pricing field adjustments may not be added to line item totals.</p>
<h3>Solution Hooks (For Custom Checkout/Flow Integrations)</h3>
<p>If your checkout flow is highly customized, you can use these developer hooks to pass data through your own pipeline.</p>
<p>Plugin filters/actions:</p>
<ul>
<li>psbdx_cpf_product_fields – Filter field definitions before display/validation.</li>
<li>psbdx_cpf_required_message – Customize required field message output.</li>
<li>psbdx_cpf_cart_item_data – Inject/adjust cart item data before WooCommerce stores it.</li>
<li>psbdx_cpf_adjusted_cart_price – Control the final adjusted price for cart items.</li>
<li>psbdx_cpf_after_validation – Run custom logic after field validation.</li>
<li>psbdx_cpf_loaded – Fire integration bootstrapping after plugin init.<br />
WooCommerce hook points commonly used for compatibility:</li>
<li>woocommerce_add_cart_item_data</li>
<li>woocommerce_get_item_data</li>
<li>woocommerce_before_calculate_totals</li>
<li>woocommerce_checkout_create_order_line_item<br />
For advanced implementation examples, please check the documentation:<br />
https://dev.psbdx.xyz/documentations/psbdx-custom-product-fields/</li>
</ul>


PSBDx Custom Product Fields

Add custom product fields to WooCommerce products, validate user input, and optionally increase product price based on number field values.

Magic Extra Field Light vs PSBDx Custom Product Fields