Loyalcoder

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.
<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>
Clone the repository: 
 <code>bash 
git clone https://github.com/loyalcoder/magic-extra-field-light.git</code>
</li>
<li>
Navigate to the plugin directory: 
 <code>bash 
cd magic-extra-field-light</code>
</li>
<li>
Install dependencies: 
 <code>bash 
npm install</code>
</li>
<li>
Build the assets: 
 <code>bash 
npm run build</code>
</li>
</ol>
<h4>Source Code</h4>
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:
<ul>
<li>JavaScript Source: <code>assets/src/js/</code> – Contains the original, human-readable JavaScript source files</li>
<li>CSS Source: <code>assets/src/css/</code> – Contains the original, human-readable CSS source files</li>
<li>Build Configuration: <code>webpack.config.js</code> – Webpack configuration for asset compilation</li>
</ul>
The compiled/minified assets are located in <code>assets/dist/</code> and are generated from the source files using webpack.
<h4>Build Tools</h4>
This plugin uses the following build tools: 
* Webpack: For bundling and optimizing JavaScript and CSS assets 
* npm: For dependency management and build scripts
To modify the plugin’s frontend or admin interface: 
1. Edit the source files in <code>assets/src/</code> 
2. Run <code>npm run build</code> to compile changes 
3. Test your modifications
The source code is also available on GitHub: https://github.com/loyalcoder/magic-extra-field-light

Magic Extra Field Light

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

Tanmoy Biswas

Transform Your WooCommerce Store with Advanced Product Fields & Checkout Customization
Arik Product Fields is a powerful, all-in-one WooCommerce extension that gives you complete control over your product pages, checkout process, and store functionality. Add custom product fields, create Buy Now buttons, integrate enquiry forms, Coupon Code, customize checkout fields, and much more – all without writing a single line of code.
Whether you’re selling physical products, digital goods, or services, Arik Product Fields provides the flexibility you need to create a professional, conversion-optimized WooCommerce store.
<h4>🚀 Why Choose Arik Product Fields?</h4>
<ul>
<li>No Coding Required – Intuitive interface integrated directly into WooCommerce settings.</li>
<li>100% Theme Compatible – Works seamlessly with Flatsome, Avada, Woodmart, Astra, OceanWP, and all major WooCommerce themes.</li>
<li>Lightweight & Fast – Optimized code that won’t slow down your store.</li>
<li>Mobile Responsive – Perfect display on all devices and screen sizes.</li>
<li>Quick View Compatible – Works with theme quick view features.</li>
<li>Regular Updates – Ongoing improvements and new features.</li>
<li>Professional Support – Dedicated support for all your questions.</li>
</ul>
<h4>⚡ KEY FEATURES</h4>
🎨 10+ Custom Product Fields
Add unlimited custom information to your products with these field types:
<ul>
<li>Text Fields – Add custom labels and values (SKU, Model Number, Color, Size, etc.).</li>
<li>Email Fields – Display contact person emails with clickable mailto links.</li>
<li>Textarea Fields – Add short notes and descriptions.</li>
<li>WYSIWYG Editor – Create rich formatted content with the WordPress visual editor.</li>
<li>oEmbed Video – Embed YouTube, Vimeo, and other video URLs.</li>
<li>Taxonomy Selectors – Display product categories and tags as:
<ul>
<li>Dropdown select boxes</li>
<li>Inline radio buttons</li>
<li>Hierarchical radio lists</li>
<li>Multi-select checkboxes</li>
</ul>
</li>
</ul>
Each field includes customizable labels for complete flexibility.
🛒 Buy Now Button
<ul>
<li>Add a direct “Buy Now” button to product pages.</li>
<li>Skip the cart and send customers straight to checkout.</li>
<li>Fully customizable button text.</li>
<li>Boost conversions by reducing checkout friction.</li>
<li>Works alongside the standard “Add to Cart” button.</li>
</ul>
📧 Product Enquiry Form
<ul>
<li>Add a customizable enquiry button to any product.</li>
<li>Pop-up modal displays your contact form.</li>
<li>Compatible with all major form plugins:
<ul>
<li>Contact Form 7</li>
<li>WPForms</li>
<li>Gravity Forms</li>
<li>Ninja Forms</li>
<li>Elementor Forms</li>
<li>And more!</li>
</ul>
</li>
<li>Fully customizable button text.</li>
<li>Perfect for products requiring consultation or custom quotes.</li>
</ul>
📑 Custom Product Tabs
<ul>
<li>Create unlimited custom tabs for each product.</li>
<li>Add custom title and rich content using WYSIWYG editor.</li>
<li>Hide default “Description” tab on per-product basis.</li>
<li>Hide default “Additional Information” tab per product.</li>
<li>Perfect for warranty information, sizing charts, care instructions, etc.</li>
</ul>
🛍️ Checkout Page Customization
Take complete control of your WooCommerce checkout:
<ul>
<li>Hide Order Notes Field – Remove unnecessary fields for cleaner checkout.</li>
<li>Reorder Billing Fields – Move email and phone to the top for better UX.</li>
<li>Shipping Address Control – Choose between:
<ul>
<li>Default (unchecked)</li>
<li>Checked by default</li>
<li>Hidden (shipping same as billing)</li>
</ul>
</li>
</ul>
🎯 Product Page Options
<ul>
<li>Disable Reviews Tab – Hide reviews tab on all products.</li>
<li>Custom “Add to Cart” Text – Change button text per product.</li>
<li>Redirect to Checkout – Automatically send customers to checkout after adding to cart.</li>
</ul>
💰 Advanced Coupon Generator (NEW)
<ul>
<li>Auto-Generate Unique Coupon Codes – Create coupons with one click.</li>
<li>Customizable Prefix – Add your brand name to coupon codes.</li>
<li>Flexible Discount Types:
<ul>
<li>Percentage discount</li>
<li>Fixed cart discount</li>
<li>Fixed product discount</li>
</ul>
</li>
<li>Expiry Management – Set automatic expiration dates.</li>
<li>Individual Use Control – Prevent coupon stacking.</li>
<li>Bulk Generation – Create multiple coupons at once.</li>
</ul>
🔧 Site-Wide Settings
<ul>
<li>Hide Coupon Field on Cart – Simplify cart page by removing coupon input.</li>
<li>Hide Reviews Tab Globally – Remove reviews from all products at once.</li>
<li>Professional Settings Interface – Clean, organized WooCommerce integration.</li>
</ul>
<h4>💼 PERFECT FOR</h4>
<ul>
<li>✅ Physical product stores needing extra product specifications</li>
<li>✅ Digital product sellers requiring custom information fields</li>
<li>✅ Service-based businesses offering consultations</li>
<li>✅ B2B stores with complex product information</li>
<li>✅ Wholesale stores with custom checkout requirements</li>
<li>✅ Fashion stores needing size charts and care instructions</li>
<li>✅ Electronics stores with detailed specifications</li>
<li>✅ Any WooCommerce store wanting more control</li>
</ul>
<h4>🎯 USE CASES</h4>
Fashion & Apparel: 
Add size charts, material information, care instructions, and styling tips using custom tabs and fields.
Electronics & Gadgets: 
Display technical specifications, warranty information, compatibility details, and video demonstrations.
Furniture & Home Decor: 
Show dimensions, material composition, assembly instructions, and care guides.
Food & Beverages: 
Display nutritional information, ingredients, allergen warnings, and serving suggestions.
Services & Consultations: 
Add enquiry forms, service details, and scheduling information to service products.
B2B & Wholesale: 
Customize checkout for business buyers, add bulk order enquiry forms, and display trade-specific information.
<h4>🌟 THEME COMPATIBILITY</h4>
Tested and verified with popular WooCommerce themes:
<ul>
<li>Flatsome</li>
<li>Avada</li>
<li>Woodmart</li>
<li>Astra</li>
<li>OceanWP</li>
<li>Storefront</li>
<li>Divi</li>
<li>Kadence</li>
<li>GeneratePress</li>
<li>Neve</li>
<li>And virtually all WooCommerce-compatible themes</li>
</ul>
<h4>🔌 PLUGIN COMPATIBILITY</h4>
Works seamlessly with:
<ul>
<li>Contact Form 7</li>
<li>WPForms</li>
<li>Gravity Forms</li>
<li>Ninja Forms</li>
<li>Elementor & Elementor Pro</li>
<li>WooCommerce PDF Invoices</li>
<li>YITH WooCommerce Plugins</li>
<li>And most WooCommerce extensions</li>
</ul>
<h4>🛠️ DEVELOPER FRIENDLY</h4>
<ul>
<li>Clean, well-documented code</li>
<li>WordPress coding standards compliant</li>
<li>Multiple hooks and filters for customization</li>
<li>Extensible architecture</li>
<li>Translation ready (i18n)</li>
<li>WPML compatible</li>
</ul>
<h4>📚 DOCUMENTATION & SUPPORT</h4>
<ul>
<li>Comprehensive documentation included</li>
<li>Video tutorials available</li>
<li>Professional support team</li>
<li>Regular plugin updates</li>
<li>Active development</li>
</ul>
<h4>🌍 TRANSLATION READY</h4>
Arik Product Fields is fully translation-ready and works with:
<ul>
<li>WPML</li>
<li>Polylang</li>
<li>Loco Translate</li>
<li>And all standard WordPress translation plugins</li>
</ul>
<h4>🔒 SECURITY & PERFORMANCE</h4>
<ul>
<li>Follows WordPress security best practices</li>
<li>All inputs properly sanitized and validated</li>
<li>Outputs properly escaped</li>
<li>Nonce verification on all forms</li>
<li>Lightweight and optimized code</li>
<li>Minimal database queries</li>
<li>No impact on site speed</li>
</ul>
<h3>Support</h3>
For support, feature requests, or bug reports:
<ul>
<li>Support Forum: <a href="https://wordpress.org/support/plugin/arik-product-fields/" rel="ugc">WordPress.org Support</a></li>
<li>Email: helpwcblog@gmail.com</li>
<li>LinkedIn: <a href="https://www.linkedin.com/company/arikit/" rel="nofollow ugc">Arik IT</a></li>
</ul>
<h3>Privacy Policy</h3>
Arik Product Fields does not: 
* Collect any user data 
* Track users 
* Make external API calls 
* Store personal information 
* Use cookies
All data is stored locally in your WordPress database.
<h3>License</h3>
This plugin is licensed under GPLv2 or later. 
https://www.gnu.org/licenses/gpl-2.0.html

Arik Product Fields

The ultimate WooCommerce extension to add custom product fields, Buy Now buttons, enquiry forms, Coupon Code, checkout customization, and complete pro …

Magic Extra Field Light vs Arik Product Fields