Product addons for WooCommerce enable you to add unlimited extra product options by using 19 types of fields such as text field, drop-down, check-boxes, multiple select, color swatches, etc.
Set individual pricing for each field or offer them for free based on your needs. You can create individual options or multiple sets of product fields and assign them to different products and categories.
<h2>Features:</h2>
<ul>
<li style="font-weight: 400">Add unlimited product options and add-ons.</li>
<li style="font-weight: 400">19 Types of product fields.</li>
<li style="font-weight: 400">Create multiple rules for products or categories.</li>
<li style="font-weight: 400">show or hide fields based on customer choices with conditional logic.</li>
<li style="font-weight: 400">Display the addon price with the product or separately.</li>
<li style="font-weight: 400">Flexible pricing options
<ul>
<li style="font-weight: 400">Free (leave the price field empty)</li>
<li style="font-weight: 400">Fixed Price</li>
<li style="font-weight: 400">Percentage price</li>
<li style="font-weight: 400">Fixed and Percentage price based on quantity</li>
</ul>
</li>
<li style="font-weight: 400">Add color and image radio buttons (swatches).</li>
<li style="font-weight: 400">Set the sorting order of the fields and of the whole rule.</li>
<li style="font-weight: 400">Hide or display custom product fields for specific user roles.</li>
<li style="font-weight: 400">Preselect default options for checkboxes and radio buttons.</li>
<li style="font-weight: 400">Display and manage the stock of the addon.</li>
<li style="font-weight: 400">Add a tooltip for each option</li>
<li style="font-weight: 400">Hide or Display custom fields in cart and checkout pages.</li>
<li style="font-weight: 400">Hide or Display fields in the order details page.</li>
<li style="font-weight: 400">Easily manage rules from the backend.</li>
</ul>
<h3>Add Extra Product Options</h3>
Create extra product options that let customers enhance their purchases with product addons for WooCommerce. Choose from multiple field types and set conditions to control how options appear, making product customization simple and intuitive.
<img class="size-medium wp-image-18734006340674 aligncenter" src="https://woocommerce.com/wp-content/uploads/2026/02/Add-Extra-Product-Options.png?w=885" alt="Add Extra Product Options" width="885" height="1300" />
<h3>Create Extra Product Options with 19 Field Types</h3>
Add a wide range of fields to customize your products and enhance the customer experience with Product Addons and Extra Options. Choose from 19 field types.
<ul>
<li style="font-weight: 400">Text Field</li>
<li style="font-weight: 400">Text Area</li>
<li style="font-weight: 400">Font Style</li>
<li style="font-weight: 400">Number</li>
<li style="font-weight: 400">Heading</li>
<li style="font-weight: 400">URL</li>
<li style="font-weight: 400">Separator</li>
<li style="font-weight: 400">File</li>
<li style="font-weight: 400">Dropdown</li>
<li style="font-weight: 400">Image Radio Button</li>
<li style="font-weight: 400">Radio Button</li>
<li style="font-weight: 400">Checkbox</li>
<li style="font-weight: 400">Multiple Select</li>
<li style="font-weight: 400">Date</li>
<li style="font-weight: 400">Time</li>
<li style="font-weight: 400">Color Picker</li>
<li style="font-weight: 400">Color Button (Swatches)</li>
<li style="font-weight: 400">Google Fonts</li>
<li style="font-weight: 400">Range Picker</li>
</ul>
<h3>Add Conditional Fields for Product Options</h3>
Show or hide product options based on customer selections or other conditions. You can apply the conditions on the cross rule as well.
<img class="size-medium wp-image-18734006340677 aligncenter" src="https://woocommerce.com/wp-content/uploads/2026/02/Add-Conditional-Fields-for-Product-Options.png?w=896" alt="Add Conditional Fields for Product Options" width="896" height="585" />
<h3>Flexible Pricing Options for Addons</h3>
Easily set prices for your product addons to match your store’s needs. Offer them for free, charge a fixed or percentage fee, apply fees based on quantity, or multiply the addon price by the product quantity in the cart for accurate pricing.
<ul>
<li style="font-weight: 400">Free (leave the field empty)</li>
<li style="font-weight: 400">Fixed Price</li>
<li style="font-weight: 400">Percentage Price</li>
<li style="font-weight: 400">Fixed and Percentage price based on quantity</li>
</ul>
<img class="size-medium wp-image-18734006340678 aligncenter" src="https://woocommerce.com/wp-content/uploads/2026/02/Flexible-Pricing-Options-for-Addons.png?w=896" alt="Flexible Pricing Options for Addons" width="896" height="210" />
<h3>Enable Price Per Character for Text</h3>
Extra product options for WooCommerce let you charge per character for personalized customizations. Set prices for adding names, initials, or phrases on products like cups, t-shirts, caps, and cards using printing, embossing, or engraving, and define a character limit for each customization.
<img class="size-medium wp-image-18734006340682 aligncenter" src="https://woocommerce.com/wp-content/uploads/2026/02/Enable-Price-Per-Character-for-Text.png?w=896" alt="Enable Price Per Character for Text" width="896" height="385" />
<h3>Manage Stock for Product Options</h3>
Control of your addon inventory and ensure accurate stock tracking. It lets you manage the availability of product addons, so customers can only select options that are in stock.
<img class="size-medium wp-image-18734006340685 aligncenter" src="https://woocommerce.com/wp-content/uploads/2026/02/Manage-Stock-for-Product-Options.png?w=896" alt="Manage Stock for Product Options" width="896" height="450" />
<h3>Assign Fields to Product or Categories</h3>
Assign extra product options to specific products or entire categories. This saves time by letting you set one rule and apply it to multiple products or categories at once.
<img class="size-medium wp-image-18734006340686 aligncenter" src="https://woocommerce.com/wp-content/uploads/2026/02/Assign-Fields-to-Product-or-Categories.png?w=896" alt="Assign Fields to Product or Categories" width="896" height="218" />
<h3>Show or Hide Product Options by User Role</h3>
Product addons for WooCommerce allow you to hide or display product options based on user roles. Make options visible to specific users, all registered users, or guests, giving you full control over who can access each feature.
<img class="size-medium wp-image-18734006340689 aligncenter" src="https://woocommerce.com/wp-content/uploads/2026/02/Show-or-Hide-Product-Options-by-User-Role.png?w=896" alt="Show or Hide Product Options by User Role" width="896" height="363" />

Product Addons and Extra Options

Personalize your products with product addons and extra options using 19 field types for free or paid. Set up conditional logic to automatically show or hide options based on what your customers select.

Qode

QODE Variation Swatches for WooCommerce provides you with a clear-cut way to present all your shoppers with detailed product variations alongside your products on shop single pages.
This lets you reduce the user interaction cost as well as product viewing & comparison times, as you can feature a number of easily adjustable attributes for your products and more.
<a href="https://qodeinteractive.com/qode-variation-swatches-for-woocommerce/" rel="nofollow ugc">Check out the QODE Variation Swatches Demo</a> 
<a href="https://qodeinteractive.com/qode-variation-swatches-for-woocommerce/documentation/" rel="nofollow ugc">Check out the QODE Variation Swatches documentation</a>
<h3>Basic Features:</h3>
<ul>
<li>Create Color attributes</li>
<li>Create Image attributes</li>
<li>Create Label attributes</li>
<li>Adjustable variation styles</li>
<li>Custom variation width</li>
<li>Custom variation height</li>
<li>Custom variation border color</li>
<li>Custom size for the space between swatches</li>
</ul>
<h3>Get Even More with Premium:</h3>
<ul>
<li>Dual swatches for two-color samples</li>
<li>Custom color codes for selected attributes</li>
<li>Create Radio attributes</li>
<li>Create Tab Switch attributes</li>
<li>Adjustable Image, Color & Label attribute layouts</li>
<li>Individual width, height & border color attribute settings</li>
<li>Additional selected attribute text</li>
<li>Additional Info option for specific attributes</li>
<li>Customizable attribute term badges</li>
<li>Show or hide specific attributes</li>
<li>Adjustable tooltips for attribute terms</li>
<li>Modifiable disabled attribute styles</li>
<li>Predefined variation styles</li>
<li>Generation of links for every variation</li>
<li>Choose to show or omit attributes on product pages</li>
<li>Max numbers of visible attribute terms in lists</li>
<li>AJAX-powered variation data loading on shop pages</li>
<li>Customizable “Add to Cart” button</li>
<li>Product availability info</li>
<li>Show single variations in loops</li>
<li>Hide parent products in loops</li>
<li>Create new attribute terms</li>
<li>Different image galleries for each variation</li>
</ul>
<h3>Showcase Product Variations in Great Detail Using QODE Variation Swatches</h3>
Enhance the eCommerce experience for all your visitors by featuring product variations next to your products with the help of flexible, option-rich QODE Variation Swatches for WooCommerce plugin.
You can include color, image, and label attribute swatches. The appearance of each attribute swatch can be modified thanks to a selection of stylization options that the plugin provides.
Best of all, each variation gets displayed on the fly once it is clicked on, providing the potential customer with a quick, streamlined way to view and compare different versions of a product they are viewing on a shop single page, thus eliminating the need to navigate to a different page on your website in the process.
The plugin is fully optimized for presenting your product variations to mobile users too.
<h3>Customize the Appearance of your Swatches and Attributes</h3>
The appearance of each attribute can be customized using a clearly outlined set of options included with the QODE Variation Swatches for WooCommerce plugin.
You can easily configure width, height, and idle/active border colors for each of the attributes.
<h3> Documentation & Support </h3>
<ul>
<li>Check out our step-by-step <a href="https://qodeinteractive.com/qode-variation-swatches-for-woocommerce/documentation/" rel="nofollow ugc">user guide</a> on how to install and use QODE Variation Swatches for WooCommerce.</li>
<li>You can also submit a topic to the <a href="https://wordpress.org/support/plugin/qode-variation-swatches-for-woocommerce/" rel="ugc">support forum</a> at and our support team will be glad to help you out.</li>
</ul>
<h3>Privacy Policy</h3>
We use our services
Qode’s CDN – The domain https://export.qodethemes.com is a service from which we retrieve the list of all Qode plugins displayed in the admin dashboard. 
Qode’s API – The domain https://api.qodeinteractive.com is an API that’s called when a user deactivates the plugin, to retrieve the reason for deactivation. Upon deactivating the plugin, the users are prompted for a reason for doing so. They also have the option to deactivate without providing a reply. The data obtained from the users who respond to the question is collected to improve the plugin. After the analysis of said data, the plugin is upgraded and enhanced in such a way as to fulfill the users’ expectations. 
Qode’s Terms of Use – https://qodeinteractive.com/terms-of-use/ 
Qode’s Privacy Policy – https://qodeinteractive.com/privacy-policy/
<h4>Looking for more?</h4>
Feel free to try out some of our other products:
<a href="https://wordpress.org/themes/qi/" rel="ugc">Qi Theme</a> 
<a href="https://wordpress.org/plugins/qi-addons-for-elementor/" rel="ugc">Qi Addons for Elementor</a> 
<a href="https://wordpress.org/plugins/qi-blocks/" rel="ugc">Qi Blocks for Gutenberg</a> 
<a href="https://wordpress.org/plugins/qode-wishlist-for-woocommerce/" rel="ugc">QODE Wishlist for WooCommerce</a> 
<a href="https://wordpress.org/plugins/qode-quick-view-for-woocommerce/" rel="ugc">QODE Quick View for WooCommerce</a> 
<a href="https://wordpress.org/plugins/qode-compare-for-woocommerce/" rel="ugc">QODE Compare for WooCommerce</a> 
<a href="https://wordpress.org/plugins/qode-product-extra-options-for-woocommerce/" rel="ugc">QODE Product Extra Options for WooCommerce</a> 
<a href="https://wordpress.org/plugins/qode-product-bundles-for-woocommerce/" rel="ugc">QODE Product Bundles for WooCommerce</a> 
<a href="https://wordpress.org/plugins/qode-optimizer/" rel="ugc">QODE Optimizer</a>

QODE Variation Swatches for WooCommerce

QODE Variation Swatches for WooCommerce provides you with a clear-cut way to present shoppers with detailed item variations alongside your products.

Product Addons and Extra Options vs QODE Variation Swatches for WooCommerce