<h1 style="text-align: center">Add Extra Product Options and Add-ons</h1>
<p>Product Options and Fields extension allows you to offer products with a variety of personalization options. You can choose from radio button, dropdown, multi-select and 13 other field types.</p>
<p>According a recent study, 80% of customers are willing to pay more when they’re offered product customization.  The standard WooCommerce variations does not cover unique business needs and this is where Product Option and Fields extension comes in.</p>
<p>Keep your product page clean by adding dependable product add-ons. You can also assign add-ons to specific user roles like B2B, wholesale and other customers to ensure that personalization options are displayed to relevant customers types only.</p>
<p>Add global or product specific add-ons and charge additional fee for each option. The extension offers 5 pricing types to dynamically price your product options. Below is the detailed feature list of this extension.</p>
<h2>Features</h2>
<ul>
<li>Add unlimited product add-ons</li>
<li>Add extra options at the product level (product edit sheet)</li>
<li>Supports variable products to add variation specific add-ons</li>
<li>Add product options using global rules (bulk-assign to multiple products)</li>
<li>Supports 16 types of fields (see the support fields list below)</li>
<li>Add dependent/conditional product add-ons</li>
<li>Restrict add-ons based on user roles</li>
<li>Enable and <strong>manage stock</strong> for specific product options (<strong>New</strong>)</li>
<li>Choose from five price options
<ul>
<li>Free</li>
<li>Flat-fixed fees</li>
<li>Flat-percentage fees</li>
<li>Fixed fees, based on quantity</li>
<li>Percentage fees based on quantity</li>
</ul>
</li>
<li>Add price per character for input-text and text-area field (<strong>New</strong>)</li>
<li>Custom sort product add-ons</li>
<li>Preselect default options for checkboxes, radio buttons, and dropdown fields (<strong>New</strong>)</li>
<li>Allow customers to select quantities for specific add-ons with full control over limits (<strong>New</strong>)</li>
<li>Make product options mandatory or optional</li>
<li>Add character limits for text areas and text-input fields</li>
<li>Customize options, fonts, colors, and other settings</li>
<li>Compatible with WooCommerce <strong>cart and checkout blocks</strong></li>
</ul>
<h2>Add product options using global rules</h2>
<p>With WooCommerce Product Options extension, you can add multiple global rules to create different sets of add-ons and assign them to specific products, categories, and user roles.</p>
<p><img class="alignnone size-full wp-image-18734001833890" src="https://woocommerce.com/wp-content/uploads/2023/04/Product-options-rules-list.png" alt="" width="980" height="420" /></p>
<p>While creating new global rules, you can customize the following options:</p>
<ul>
<li>Add multiple add-ons using different field types</li>
<li>Apply add-ons to specific products, categories, and user roles</li>
<li>Customize styling options</li>
</ul>
<p><img class="alignnone size-full wp-image-18734005548531" src="https://woocommerce.com/wp-content/uploads/2023/05/WooCommerce-Product-Options-Global-Rules.png" alt="" width="980" height="1828" /></p>
<h2><strong>Add options at the product level</strong></h2>
<p>Instead of creating global rules, the merchants can add product-specific add-ons from the product edit sheet. You can add new add-ons/options for both simple and variable products. The extension does support variable products – allowing you add variation specific add-ons. While adding new product options from product level, you can:</p>
<ul>
<li>Customize style settings</li>
<li>Add multiple add-ons</li>
<li>Choose to disable global add-ons for a specific product</li>
</ul>
<p><img class="alignnone size-full wp-image-18734005548563" src="https://woocommerce.com/wp-content/uploads/2023/05/Product-addons-on-product-level.png" alt="" width="980" height="1082" /></p>
<h2><strong>Add dependable add-ons</strong></h2>
<p>With this extension, you can make add-ons dependent on other add-ons or their specific options. The Product Options and Fields extension helps merchants keep their product pages uncluttered by only showing necessary fields.</p>
<p><img class="alignnone size-full" src="https://woocommerce.com/wp-content/uploads/2023/05/5-woocommerce-product-addons.gif" width="878" height="557" /></p>
<h2><strong>Choose from 5 pricing types:</strong></h2>
<p>You can keep the extra product options free or charge an additional fee for them. You can assign a price for the entire add-on or set different prices for each option. This WooCommerce Product Addons extension comes with five pricing types to cover unique pricing requirements.</p>
<ul>
<li>Free</li>
<li>Flat-fixed fees</li>
<li>Flat-percentage fees</li>
<li>Fixed fees, based on quantity</li>
<li>Percentage fees based on quantity</li>
<li>Price per character in case of text fields</li>
</ul>
<p>Flat fees apply one charge to an add-on option for any quantity. Quantity-based fees increase as quantity increases.</p>
<p><strong><img class="alignnone size-full wp-image-18734001833979" src="https://woocommerce.com/wp-content/uploads/2023/04/Pricing-models.png" alt="" width="980" height="281" /></strong></p>
<h2><strong>Supports 16 field types:</strong></h2>
<p>WooCommerce Product Options comes with 16 field types enabling you to add different types of product add-ons.</p>
<ul>
<li>Drop-down choice lists</li>
<li>Multi-select options</li>
<li>Checkboxes</li>
<li>Input text and text areas</li>
<li>File uploads</li>
<li>Numbers</li>
<li>Quantity</li>
<li>Radio buttons</li>
<li>Colors</li>
<li>Image switcher</li>
<li>Images</li>
<li>Date picker</li>
<li>Email</li>
<li>Password (secret input field)</li>
<li>Time picker</li>
<li>Telephone number</li>
</ul>
<h2><strong>Manage product options stock:</strong></h2>
<p>Easily manage stock levels for each product option with this extension. Keep full control of your product add-ons inventory by assigning individual stock quantities to each option. This ensures customers can only order available options, preventing overselling and eliminating orders for out-of-stock add-ons.</p>
<p><img class="alignnone size-full wp-image-18734005548529" src="https://woocommerce.com/wp-content/uploads/2023/05/Manage-Options-Stock.png" alt="" width="980" height="355" /></p>
<h2><strong>Control add-ons quantity:</strong></h2>
<p>Give your customers the flexibility to choose the quantity of each add-on while maintaining control over how much they can purchase. Set minimum and maximum quantity limits for any add-on, ensuring customers order within your defined range—perfect for managing special products options or limited-stock extras.</p>
<p><img class="alignnone size-full wp-image-18734005548527" src="https://woocommerce.com/wp-content/uploads/2023/05/Quantity-Selection.png" alt="" width="980" height="388" /></p>
<h2><strong>Restrict add-ons by user roles:</strong></h2>
<p>You can choose to restrict product options to specific user roles only. This enables you to offer additional options to B2B, VIP or any specific user types.</p>
<p><img class="alignnone size-full wp-image-18734005548543" src="https://woocommerce.com/wp-content/uploads/2023/05/Restrict-Product-Options-by-User-Roles.png" alt="" width="980" height="473" /></p>
<h2><strong>Customize fields label, colors, and layout</strong></h2>
<p>While creating new global rules or creating WooCommerce add-ons from product level, you can customize the following style settings:</p>
<ul>
<li>Display field titles as heading or text</li>
<li>Customize text and background colors</li>
<li>Add line separators between add-ons</li>
<li>Customize option title sizes and colors</li>
<li>Add borders around add-ons</li>
<li>Set field title positions</li>
<li>Customize description font sizes</li>
<li>Tooltip font sizes, backgrounds, and text colors</li>
</ul>
<h2><img class="alignnone size-full wp-image-18734001833985" style="font-family: sans-serif;font-size: 16px" src="https://woocommerce.com/wp-content/uploads/2023/04/WooCommerce-Product-Addon-styling.png" alt="" width="980" height="760" /></h2>
<h3>Requirements</h3>
<p>Minimum PHP version: 5.2</p>

Product Options and Addons

<p>Offer product personalization options by adding free or paid product add-ons. Supports multi-select, dropdown and 14 other dependable field types.</p>

<ul class="wccom-tick-list-primary">
<li>Add official EU Energy Labels to your WooCommerce products.</li>
<li>Display labels on both shop and individual product pages.</li>
<li>Enable tooltip previews on hover for product labels.</li>
<li>Supports both current and legacy EU Energy Label formats.</li>
<li>Customize label placement per product or globally via settings.</li>
<li>Optional image upload for custom tooltips.</li>
</ul>
<hr class="wccom-product-heading__hr" />
<h2>Add EU Energy Labels to Product and Shop Pages</h2>
<p>Products that consume energy — such as appliances, electronics, lighting, and vehicles — are required by EU law to display specific energy labels. These labels provide transparent information about energy consumption and efficiency. The <strong>EU Energy Label for WooCommerce</strong> plugin helps store owners comply by generating and displaying official EU labels directly on their online products.</p>
<h2><strong>Overview</strong></h2>
<p>The <strong>EU Energy Label for WooCommerce</strong> plugin allows you to generate and manage EU-compliant energy labels for your products. You can display both new and legacy versions of the label as needed. The plugin also includes label rating support and tooltip functionality.</p>
<p>The EU energy label is a powerful tool to help consumers make informed and eco-friendly purchasing decisions.</p>
<h2><strong>Enable and Manage EU Energy Labels</strong></h2>
<p>Flexible admin settings allow you to activate labels on product, category, tag, archive, and individual product pages with just a few clicks.</p>
<h3><strong>How does it work?</strong></h3>
<ul class="wccom-tick-list-secondary">
<li>Enable labels globally for product and shop pages via the plugin’s settings page.</li>
<li>Set label position using dropdown options in the plugin settings.</li>
<li>Customize or override label settings at the individual product level.</li>
</ul>
<h2><strong>Assigning Labels to Products</strong></h2>
<p>To set a label for a product, open the product edit screen and use the dedicated “EU Energy Label” tab:</p>
<ol>
<li>Navigate to the product edit screen and click on the EU Energy Label tab.</li>
<li>Enable the label and choose between single or dual label types.</li>
<li>Select the appropriate label category and optionally upload a custom image or tooltip.</li>
</ol>
<p><img class="alignnone wp-image-18734004992924 size-medium" src="https://woocommerce.com/wp-content/uploads/2021/09/Screenshot-2025-03-04-134614.png?w=896" alt="Energy Label for WooCommerce Product Page Setting" width="896" height="356" /><br />
<img class="alignnone wp-image-18734004992926 size-medium" src="https://woocommerce.com/wp-content/uploads/2021/09/Screenshot-2025-03-04-134626.png?w=896" alt="Energy Label for WooCommerce Label Type Selection" width="896" height="352" /></p>
<h2><strong>Front-End Display</strong></h2>
<h3><strong>Shop Page</strong></h3>
<p>EU energy labels appear on shop and archive pages. The label color varies based on product category, consistent with EU standards.</p>
<p><img class="aligncenter wp-image-8506734 size-full" style="border: 1px solid #674399" src="https://woocommerce.com/wp-content/uploads/2021/08/item-page-1.png" alt="Energy Label Shop Page Display" width="1621" height="869" /></p>
<h3><strong>Tooltips</strong></h3>
<p>Hovering over the label icon reveals a tooltip showing the full energy label. This enhances usability on shop and category pages.</p>
<p><img class="alignnone wp-image-8506754 size-full" style="border: 1px solid #674399" src="https://woocommerce.com/wp-content/uploads/2021/08/item-page-2.png" alt="On Hover Label Display EU" width="1637" height="777" /></p>
<h2><strong>Product Page</strong></h2>
<p>By default, energy labels display on the right side of the product image, with alternative positioning available in settings.</p>
<p><img class="aligncenter wp-image-8326817 size-full" style="border: 1px solid #674399" src="https://woocommerce.com/wp-content/uploads/2021/07/screen-6.png" alt="Product Page Eu Label Display" width="1393" height="673" /></p>
<h3><strong>Compatible With Popular Themes & Builders</strong></h3>
<ul class="wccom-tick-list-secondary">
<li>Elementor Builder</li>
<li>WPBakery Builder</li>
<li>Divi Builder</li>
<li>Storefront Theme</li>
<li>Enfold Theme</li>
<li>Avada Theme</li>
<li>Woodmart Theme</li>
<li>Divi Theme</li>
<li>Flatsome Theme</li>
<li>Porto Theme</li>
<li>XStore Theme</li>
<li>Shopkeeper Theme</li>
</ul>
<h3><strong>Translation Ready</strong></h3>
<p>The plugin includes a .POT file for easy translation and is fully compatible with multilingual plugins such as WPML and Polylang.</p>

EU Energy Label

<p>Easily add official EU Energy Labels to WooCommerce products. Stay compliant with EU regulations, improve transparency, and boost customer trust. Simple setup and fully customizable display.</p>

Product Options and Addons vs EU Energy Label