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.

<h2>Create custom fields for products using the extensive capabilities of WS Form PRO</h2>
<a href="https://wsform.com">WS Form PRO</a> is a powerful form development plugin for WordPress.
This extension allows you to create customizable products using <a href="https://wsform.com/knowledgebase_category/field-types/" target="_blank" rel="noopener noreferrer">60+ field types</a>, <a href="https://wsform.com/knowledgebase/conditional-logic/" target="_blank" rel="noopener noreferrer">conditional logic</a>, <a href="https://wsform.com/knowledgebase/repeatable-sections/" target="_blank" rel="noopener noreferrer">repeaters</a>, <a href="https://wsform.com/knowledgebase/tabs/" target="_blank" rel="noopener noreferrer">multiple steps</a> and more!
You can use this extension to request additional information about a product before it is added to the cart. Furthermore, it works with popular WooCommerce extensions such as QuickView, Wishlist and Dynamic Pricing.
<div class="woo-sc-box normal">This extension requires you to own the <a title="WS Form PRO" href="https://wsform.com/" target="_blank" rel="noopener noreferrer">WS Form PRO</a> plugin.</div>
<h2>Example Use Cases</h2>
<ul>
<li><a href="https://woocommerce.wsform.com/product/t-shirt/" target="_blank" rel="noopener noreferrer">Interactive product configurators</a></li>
<li><a href="https://woocommerce.wsform.com/product/make-a-donation/" target="_blank" rel="noopener noreferrer">Donation or ‘name your price’ products</a></li>
<li><a href="https://woocommerce.wsform.com/product/repeatable-sections/" target="_blank" rel="noopener noreferrer">Repeatable sections of fields</a></li>
<li><a href="https://woocommerce.wsform.com/product/woocommerce-field-types/" target="_blank" rel="noopener noreferrer">Placing ‘Add to Cart’ in a desired location</a></li>
<li><a href="https://woocommerce.wsform.com/product/multi-tab/" target="_blank" rel="noopener noreferrer">Multi-step product configurators</a></li>
<li><a href="https://woocommerce.wsform.com/product/calculations/" target="_blank" rel="noopener noreferrer">Complex price calculations</a></li>
<li><a href="https://woocommerce.wsform.com/product/file-upload/" target="_blank" rel="noopener noreferrer">File uploads</a></li>
<li><a href="https://woocommerce.wsform.com/product/google-map/" target="_blank" rel="noopener noreferrer">Google maps</a></li>
<li><a href="https://woocommerce.wsform.com/product/color-swatches/" target="_blank" rel="noopener noreferrer">Color swatch selectors</a></li>
</ul>
… and more! Visit the <a href="https://woocommerce.wsform.com/" target="_blank" rel="noopener noreferrer">demo website</a> to see more examples.
<h2>Key Features</h2>
<ul>
<li>A fully integrated solution that fits seamlessly into your product pages</li>
<li>Assign forms to individual products, all products, product categories and tags</li>
<li>Use any <a href="https://wsform.com/knowledgebase_category/field-types/" target="_blank" rel="noopener noreferrer">WS Form PRO field type</a></li>
<li>Create dynamic product pricing by using the <a href="https://wsform.com/knowledgebase_category/field-types-ecommerce/" target="_blank" rel="noopener noreferrer">WS Form e-commerce field types</a> with real-time price updates</li>
<li>Customize the position of ‘Add to Cart’, ‘Quantity’ and other WooCommerce product page elements in your form</li>
<li>Customize the WooCommerce ‘Add to Cart’ button and price format</li>
<li><a href="https://wsform.com/knowledgebase/calculated-fields/" target="_blank" rel="noopener noreferrer">Calculated fields</a></li>
<li><a href="https://wsform.com/knowledgebase/conditional-logic/" target="_blank" rel="noopener noreferrer">Conditional logic</a></li>
<li><a href="https://wsform.com/knowledgebase/tabs/" target="_blank" rel="noopener noreferrer">Multi-step forms</a></li>
<li>Run <a href="https://wsform.com/knowledgebase/introduction-actions/" target="_blank" rel="noopener noreferrer">WS Form actions</a> when an order is paid (e.g. Send a product customization to a <a href="https://wsform.com/knowledgebase/slack/" target="_blank" rel="noopener noreferrer">Slack</a> channel, or <a href="https://wsform.com/knowledgebase/run-wordpress-hook/" target="_blank" rel="noopener noreferrer">run a WordPress hook</a>)</li>
</ul>
<h2>How it Works</h2>
<img class="size-full wp-image-5281625 aligncenter" src="https://woocommerce.com/wp-content/uploads/2019/10/ws_form_pro_product_add_ons_woocommerce_add_form.jpg" alt="Adding a form to a product" width="980" height="559" />
Adding a form to a WooCommerce product is easy! Simply click on the WS Form tab under ‘Product data’ and choose a template or choose an existing form. You can also start with a blank template and create a fully customized form for your product.
<img class="size-full wp-image-5281627 aligncenter" src="https://woocommerce.com/wp-content/uploads/2019/10/ws_form_pro_product_add_ons_woocommerce_form_assigned.jpg" alt="Assigned form" width="980" height="385" />
Managing your product customization is easy. Simply click ‘Edit Form’ to make changes to your form.
<img class="size-full wp-image-5281634 aligncenter" src="https://woocommerce.com/wp-content/uploads/2019/10/ws_form_pro_product_add_ons_woocommerce_layout_editor.jpg" alt="Layout Editor" width="980" height="615" />
Use the powerful features of the WS Form PRO <a href="https://wsform.com/knowledgebase/the-layout-editor/" target="_blank" rel="noopener noreferrer">layout editor</a> to edit your product customization.
<img class=" wp-image-5281628 aligncenter" src="https://woocommerce.com/wp-content/uploads/2019/10/ws_form_pro_product_add_ons_woocommerce_fields.gif" alt="WooCommerce Fields" width="421" height="212" />
Use the WooCommerce field types to fully customize where product components are positioned on your product page.
<img class="size-full wp-image-4796928 aligncenter" src="https://woocommerce.com/wp-content/uploads/2019/09/5.-T-Shirt-customization.jpg" alt="T-Shirt Customization" width="980" height="559" />
Create product customizations that dovetail seamlessly into your website.
<img class="size-full wp-image-4796926 aligncenter" src="https://woocommerce.com/wp-content/uploads/2019/09/3.-Your-product-is-customized-with-the-form.jpg" alt="Multi-Tab Forms" width="980" height="559" />
Create multi-step product customizations using all of the features available in WS Form PRO!
<a class="woo-sc-button custom" href="https://woocommerce.wsform.com" target="_blank" rel="noopener noreferrer">View a demo of the WS Form Product Add-Ons extension</a>

WS Form PRO Product Custom Fields Add-Ons

Create custom fields for products with 60+ customization field types. Customize product pages with tabs, conditional logic, repeaters, calculations, multi-step and more!

Product Addons and Extra Options vs WS Form PRO Product Custom Fields Add-Ons