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.

WPXPO

Jakir Hasan

Anik Biswas

<p>🥇 The Ultimate <strong>Product Addons</strong> Plugin – With <strong>UX That Wows</strong>.<br />
💲  Other Plugins Add Options. We Add <strong>Revenue</strong>.<br />
💞 A WPXPO Plugin <strong>Trusted by 60K+</strong> Businesses.<br />
🤝 Backed by a Dedicated Support Team with <strong>4.9/5</strong> <a href="https://uk.trustpilot.com/review/wpxpo.com" rel="nofollow ugc">Trustpilot Rating</a>.</p>
<p>😲<a href="https://trywowaddons.wpxpo.com/" rel="nofollow ugc">Free Demo</a> | 🔥<a href="https://www.wpxpo.com/product/wowaddons/" rel="nofollow ugc">WowAddons Pro</a> | 📃<a href="https://wpxpo.com/docs/wowaddons/" rel="nofollow ugc">Documentation</a></p>
<p>Simplify product customization with our WooCommerce Custom Fields plugin! Build extra product options, including swatches, radio buttons, file uploads, sliders, date, time, and more with our state-of-the-art product addons customizer.</p>
<p>Allow customers to purchase items tailored to their needs while upselling through priced product addons. With advanced conditional logic and a lightweight design, this custom fields plugin is perfect for upselling and cross-selling. Try the WowAddons Product Fields now and create a standout shopping experience!</p>
<h3>Check Out the Promo Video – Know the Power of WowAddons!</h3>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/riSx5n8ae8k?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h3>How is it Useful?</h3>
<p>Buyers want freedom of choice – they want product options that work for them. WowAddons helps you achieve this goal.</p>
<p>With the 25+ custom WooCommerce product fields and a state-of-the-art product customizer, you can offer any type of product to your customers. Using the powerful image and color swatches, range slider, radio buttons, date, time, and text fields, you can share your offerings with your customers.</p>
<p>And if it’s too advanced, don’t worry. The custom product options logic settings will help you make personal adjustments, helping you to offer products to buyers without hassle! Whether it’s designing based on uploaded images, getting item numbers, or delivery dates, custom selections, etc. WowAddons is the ultimate product fields solution for WooCommerce!</p>
<h3>Curious about what WowAddons can do? Watch the video below to see its features in action!</h3>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/9kyPFC7SuG4?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h3>Learn how easy it is to add custom product add-ons to your WooCommerce store!</h3>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/CKehwKhcXtI?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h3>Features of WowAddons – The Ultimate WooCommerce Product Addons Plugin!</h3>
<p>WowAddons is a powerful WooCommerce product options plugin, offering dynamic custom fields and extra product options.</p>
<p>Its intuitive UI simplifies creating personalized product experiences. Easily add WooCommerce Custom Fields, swatches, date, time, slider, ranges, and more with core components, allowing you to offer more variations of your offerings to customers.</p>
<h3>Here’s another great video on the ins-and-outs of the features of WowAddons. It’s going to give you a 360-degree view of the WowAddons custom product fields for WooCommerce:</h3>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/xgiXz1IaGOc?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<p>Here are the core custom fields of WowAddons:</p>
<p>✅ <strong>Radio Button and Checkboxes:</strong> Use radio buttons and checkboxes to offer pricing for different product options.<br />
✅ <strong>Switches and Dropdowns:</strong> Let users look through and buy from different variations of your offerings using custom switches and dropdowns.<br />
✅ <strong>File Uploads:</strong> Let users upload design files – allow them to buy custom-designed t-shirts, mugs, and more from your store.<br />
✅ <strong>Button:</strong> Buyers can make educated choices using custom buttons you create with WowAddons.<br />
✅ <strong>Image and Color Swatches:</strong> Give the option to browse through image and color options of your products – offer extra product options to buyers.<br />
✅ <strong>Products:</strong> Add additional products as cross-sell subitems to the main products, allowing you to increase the average order value.<br />
✅ <strong>Custom Color Picker:</strong> Create color choices for your products and let users get the color they want.<br />
✅ <strong>Date and Time:</strong> Offer ‘on-time’ delivery by getting the date and time from the customers.<br />
✅ <strong>Range Slider:</strong> Buyers can select products within certain ranges with the slider.<br />
✅ <strong>URL/Link:</strong> Sending something to a customer online? Collect the link from them using the URL addon.<br />
✅ <strong>Mail:</strong> Collect emails from users to send them their order details.<br />
✅ <strong>Number:</strong> Let users select the number of products (or anything else) with the number block.<br />
✅ <strong>Telephone:</strong> Collect a user’s telephone number – offer them details of their purchases.<br />
✅ <strong>Text Area:</strong> Collect user information using the text area field.<br />
✅ <strong>Heading and Section:</strong> Use custom headings and sections in the product customizer on your WooCommerce store.<br />
✅ <strong>Short Code:</strong> Use shortcodes to offer extra product options on your store.<br />
✅ <strong>Separator and Spacer:</strong> Use spacers and separators to personalize your product customizer with WowAddons.</p>
<h3>Why Use WowAddons WooCommerce Custom Product Options Plugin?</h3>
<p><strong>Show Options – for Any or All Products</strong></p>
<p>Assign Extra Product Options to specific products, categories, or all products instantly with WowRevenue’s flexible product customizer.</p>
<p><strong>It’s a Next-Gen Product Customizer</strong></p>
<p>WowAddons intuitive builder simplifies adding WooCommerce Product Options. Drag and drop components to create custom WooCommerce Product Fields effortlessly.</p>
<p><strong>Dynamic Price Adjustments</strong></p>
<p>Charge for WooCommerce Product Options with regular or sale prices. Product pricing changes dynamically based on the option selection.</p>
<p><strong>Features Advanced Color/Image Swatches</strong></p>
<p>Transform variations into vibrant swatch buttons for colors and images, with flexible pricing for each. These extra product fields can improve the user experience greatly!</p>
<p><strong>Custom File and Image Uploads</strong></p>
<p>Enable customers to upload images or files – if you’re running a printing business, you can let users buy shirts, mugs, etc., with the WowAddons product addons plugin.</p>
<p><strong>Create Fields with Advanced Conditional Logic</strong></p>
<p>Show or hide fields based on selections! Creating dynamic, engaging WooCommerce Product Fields for shoppers is super easy with WowAddons.</p>
<h3>Find out how to create custom product fields for WooCommerce – watch the video</h3>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/t0CptTWgooo?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h3>Explore More WPXPO Plugins!</h3>
<p>Thank you for choosing WowAddons, a leading WooCommerce Product Addons plugin. Discover our other powerful plugins designed to elevate your business:</p>
<h3>More Wow Plugins by WPXPO!</h3>
<p>Thank you for considering WowAddons. We have more plugins that can be beneficial for your business. So please have a look at our other plugins.</p>
<p>🚚 <a href="https://wordpress.org/plugins/wow-table-rate-shipping/" rel="ugc"><strong>WowShipping 🔥:</strong></a> Dynamically calculate shipping rates based on weight, quantity, product, categories, country, etc, allowing you to avoid undercharging and overcharging.</p>
<p>💝 <a href="https://wordpress.org/plugins/product-blocks/" rel="ugc"><strong>WowStore:</strong></a> The ultimate WooCommerce solution for building and managing eCommerce sites. Packed with features to enhance conversions and boost sales, it streamlines your store’s performance.</p>
<p>💸 <a href="https://wordpress.org/plugins/revenue/" rel="ugc"><strong>WowRevenue:</strong></a> The premier WooCommerce plugin for discounts, offering product bundles, BOGO deals, bulk discounts, and more. Increase order value and revenue with seamless WooCommerce Product Options.</p>
<p>🧲 <a href="https://wordpress.org/plugins/optin/" rel="ugc"><strong>WowOptin:</strong></a> A cutting-edge plugin for creating opt-ins and popups to capture leads and drive sales. It’s Canva-like builder ensures quick, customized designs to meet your goals.</p>
<p>📦 <a href="https://wordpress.org/plugins/wholesalex/" rel="ugc"><strong>WholesaleX:</strong></a> An all-in-one WooCommerce solution for wholesaling, with features for B2B and B2C hybrid stores. Manage retail and wholesale effortlessly with advanced tools.</p>
<p>💝 <a href="https://wordpress.org/plugins/ultimate-post/" rel="ugc"><strong>PostX:</strong></a> The top plugin for creating news, magazine, or blog sites. With PostX, build professional websites in three easy steps, enjoying complete customization freedom.</p>
<h4>Author</h4>
<p>Developed by <a href="https://www.wpxpo.com" rel="nofollow ugc">WPXPO</a>. <a href="https://bitbucket.org/wpstabon/product-addons/" rel="nofollow ugc">Contribute to Product Addons on Bitbucket</a> and join the party.</p>


Product Addons and Product Options With Custom Fields – WowAddons


This plugin adds the flexibility I needed for my WooCommerce store — custom options, extra fields, add-ons and upgrades for products all work flawlessly. It’s intuitive to set up, doesn’t slow down the site, and integrates smoothly with my theme and other plugins. Support is responsive and helpful. A solid 5-star plugin for anyone needing extra flexibility in their product offerings.


Powerful Add-on Plugin — Enhances WooCommerce Perfectly

Product addons for WooCommerce is the ultimate plugin that lets you add extra product options, product fields, and WooCommerce product fields.

Magic Extra Field Light vs Product Addons and Product Options With Custom Fields – WowAddons