<div class="woo-sc-box">
<h2>Top Features:</h2>
<ul class="wccom-tick-list-primary">
<li>Add multiple options to product pages</li>
<li>18 types of fields to create extra product options</li>
<li>Add color and text swatches</li>
<li>Show or hide any fields based on user input using conditional logic</li>
<li>Separate each field with a line on frontend using separator</li>
<li>Option to choose default selected option for select, radio button, color & text swatch field</li>
<li>Sort the order of created options for selectbox, radio button, color & text swatch field</li>
<li>Customize product options form such as color, text, text weight etc.</li>
<li>Display selected product options with cart items or in a popup</li>
<li>Create multiple rules for product options</li>
<li>Easy rules management from the back office</li>
<li>Sort the order of options</li>
<li>Apply each rule to specific product or categories</li>
<li>Set the price for each field</li>
<li>Import/Export Product Options Rules</li>
<li>Duplicate the existing rule</li>
<li>Preview the created rule</li>
</ul>
<p><a class="wccom-button is-primary" style="font-weight: 400;text-decoration: none;width: 130px" href="https://woocommerce.com/?add-to-cart=8199096" target="_blank" rel="noopener"><span class="wccom-button__text">Buy Now</span></a></p>
</div>
<hr style="clear: both" />
<h1>Add Extra Custom Product Options & Addons With 18 Field Types</h1>
<p><strong>Woocommerce extra Product options plugin</strong> allows you to create multiple custom options for products based on customer needs.</p>
<p>For example, if you are selling a computer, customers have different requirements they customize like, ram, hard disks, LCD screen sizes, USBs, mouse types, etc. These extensive options cannot be offered with default variations.</p>
<p><strong>WooCommerce product addons </strong> helps you create product options using 18 field types such as text field, text area, radio buttons, select box, multi-select box, checkbox, file upload, color swatch, text swatch etc.</p>
<p>You can set the price for each field or provide it for free. Set conditions to show or hide fields based on user input and choice. You can attach options with multiple products or categories at once to save time. Customize the layout of options to match them with your website theme.</p>
<hr style="clear: both" />
<h2>Features Details:</h2>
<h3><strong>Add Multiple Extra Product Options</strong></h3>
<p><strong>WooCommerce extra product options plugin </strong> allows you to add as many options as you want with the help of various field types.</p>
<p><img class="aligncenter wp-image-8859729 size-full" src="https://woocommerce.com/wp-content/uploads/2021/06/Product-Options-Gifz.gif" alt="WooCommerce Product Options" width="600" height="887" /></p>
<h3><strong>Use Text and Color Swatch</strong></h3>
<p>WooCommerce product addons plugin also allows you to create text and color swatches to improve the visibility of your product variations.</p>
<p><img class="aligncenter size-full wp-image-18734000627476" src="https://woocommerce.com/wp-content/uploads/2021/06/swatch-gif-2.gif" alt="woocommerce extra product options" width="924" height="628" /></p>
<p> </p>
<h3><strong>18 types of fields</strong></h3>
<p>WooCommerce custom product fields plugin enables 18 types of fields to create product options such as text field, text area, radio buttons, select box, multi-select box, checkbox, file upload, color swatch, text swatch, and more.</p>
<p><img class="aligncenter size-full wp-image-18734004204768" src="https://woocommerce.com/wp-content/uploads/2021/06/18-types-of-fields-1.png" alt="WooCommerce extra product options plugin" width="980" height="472" /></p>
<h3><strong>Set price for each field</strong></h3>
<p><strong>WooCommerce extra product options extension</strong> allows you to increase the cost of the product by setting a price for fields.</p>
<p><img class="aligncenter size-full wp-image-18734004204769" src="https://woocommerce.com/wp-content/uploads/2021/06/Set-price-for-each-field-2.png" alt="WooCommerce extra product options plugin" width="980" height="470" /></p>
<h3><strong>Conditional/dependable fields</strong></h3>
<p>You can create conditional fields which show or hide the specific fields based on user input or choice.</p>
<p><img class="aligncenter size-full wp-image-8696387" src="https://woocommerce.com/wp-content/uploads/2021/06/condi.gif" alt="wocommerce product options" width="592" height="252" /></p>
<h3><strong>Custom Radio Button Images</strong></h3>
<p>You can also display custom images for radio buttons that will make it easier for customers that what he is going to choose.</p>
<p><img class="aligncenter size-full wp-image-8696377" src="https://woocommerce.com/wp-content/uploads/2021/06/radi.gif" alt="wocommerce product options" width="572" height="368" /></p>
<h3>Add Tool tip for each option</h3>
<p>You can also add tool tip for each option to convey required guideline regarding this option.<img class="aligncenter size-full wp-image-18734005928645" src="https://woocommerce.com/wp-content/uploads/2021/06/tooltip-product-page-kurta.png" alt="woocommerce extra custom product options plugin" width="980" height="515" /></p>
<h3><strong>Assign to multiple product or categories</strong></h3>
<p><strong>WooCommerce extra product fields</strong> plugin saves you time as you can attach options to multiple products or categories.</p>
<p><img class="aligncenter size-full wp-image-18734004204770" src="https://woocommerce.com/wp-content/uploads/2021/06/Assign-to-multiple-product-or-categories-1.png" alt="WooCommerce extra product options plugin" width="980" height="407" /></p>
<h3><strong>Create multiple rules</strong></h3>
<p>You can add multiple rules for product options which helps you to create different options for specific products.</p>
<p><img class="aligncenter size-full wp-image-18734004204771" src="https://woocommerce.com/wp-content/uploads/2021/06/Create-multiple-rules-2.png" alt="WooCommerce extra product options plugin" width="980" height="418" /></p>
<h3><strong>Sort the order of options</strong></h3>
<p><strong>Extra Custom Product Options for WooCommerce</strong> plugin enables you to sort the order of created product options.</p>
<p><img class="aligncenter size-full wp-image-18734004204772" src="https://woocommerce.com/wp-content/uploads/2021/06/Sort-the-order-of-options.png" alt="WooCommerce extra product options plugin" width="980" height="436" /></p>
<h3><strong>2 Ways to Displays Options on Cart Page</strong></h3>
<p><strong>WooCommerce product addons </strong>plugin enables you to display selected options simply with cart items.<img class="aligncenter size-full wp-image-18734005924848" src="https://woocommerce.com/wp-content/uploads/2021/06/with-out-popup-cart-page-data.png" alt="woocommerce extra product options plugin" width="980" height="481" /></p>
<p> </p>
<p>You can also enable “View Details” button on cart page which displays extra options in a popup on click.</p>
<p><img class="aligncenter size-full wp-image-18734004204776" src="https://woocommerce.com/wp-content/uploads/2021/06/2-Ways-to-Displays-Options-on-Cart-Page-with-popup.png" alt="WooCommerce extra product options plugin" width="980" height="459" /></p>
<p><img class="aligncenter size-full wp-image-18734004204780" src="https://woocommerce.com/wp-content/uploads/2021/06/2-Ways-to-Displays-Options-on-Cart-Page-with-popup-show-data-1.png" alt="WooCommerce extra product options plugin" width="980" height="463" /></p>
<h2>Import/Export Product Options Rules</h2>
<p>You can also export the product options rules created by you in a CSV file for backup. You can import it to another site which means you don’t have to create the rules again.</p>
<p><img class="aligncenter size-full wp-image-18734004204781" src="https://woocommerce.com/wp-content/uploads/2021/06/Import-Export-Product-Options-Rules-1.png" alt="WooCommerce extra product options plugin" width="980" height="418" /></p>
<h3><strong>Duplicate the Rule</strong></h3>
<p>With WooCommerce extra product addons plugin, you can make a copy of any rule with duplicate the rule feature.</p>
<p><img class="aligncenter size-full wp-image-18734004204784" src="https://woocommerce.com/wp-content/uploads/2021/06/Duplicate-the-Rule-1.png" alt="WooCommerce extra product options plugin" width="980" height="437" /></p>
<hr style="clear: both" />
<h2><strong>Advantages </strong></h2>
<ul class="wccom-tick-list-secondary">
<li>Extra options help you to sell customizable products.</li>
<li>Increase order value by creating options.</li>
<li>Increases the conversion rate.</li>
<li>Improves your customers’ user experience.</li>
</ul>
<hr style="clear: both" />
<h2>How to Get started</h2>
<ol>
<li>Get <strong>Extra Custom Product Options for WooCommerce</strong> from <a href="https://woocommerce.com/products/extra-product-options-for-woocommerce/?add-to-cart=8199096">WooCommerce.com</a>.</li>
<li>Download and install the extension.</li>
<li>Activate the extension.</li>
<li>Go to <strong>WooCommerce > Product Options </strong>to add rules to create extra product options.</li>
<li>Read the full installation guide <a href="https://woocommerce.com/document/extra-product-options-for-woocommerce/"><strong>here</strong></a></li>
</ol>
<hr style="clear: both" />
<p><a class="wccom-button is-primary" style="font-weight: 400;text-decoration: none;width: 130px" href="https://woocommerce.com/?add-to-cart=8199096" target="_blank" rel="noopener"><span class="wccom-button__text">Buy Now</span></a></p>

Extra Custom Product Options

<p>Use custom product addons to create product options either free or paid by using <strong>18 types</strong> of fields. Create <strong>conditional fields </strong>to show/hide fields based on customer selections.</p>

<h2 class="wp-block-heading">The original Gravity Forms integration for WooCommerce</h2>
<p>Gravity Forms Product Add-Ons has been connecting Gravity Forms to WooCommerce since 2011 — years before any alternative existed. It is the original, official integration on the WooCommerce Marketplace, maintained continuously through every major release of both Gravity Forms and WooCommerce for over 13 years.</p>
<p>Some products need more than a price and an “Add to Cart” button. Custom orders, build-your-own products, service requests, donation pages, personalized items — these all require collecting structured information from the customer before checkout. This extension bridges that gap by connecting WooCommerce directly to the form builder you already know.</p>
<p>Attach any Gravity Form to any WooCommerce product — simple, variable, or subscription — and the form becomes part of the product page. Customers fill out the form, pricing updates in real time, and every detail flows through the cart, checkout, order confirmation, and admin screens exactly where you need it.</p>
<figure class="wp-block-image size-large"><img class="wp-image-18734006414340" src="https://woocommerce.com/wp-content/uploads/2011/12/gfpa-product-page-multi-step-form.png" alt="Multi-step product configuration form with hardware options and real-time pricing" /><figcaption class="wp-element-caption">A multi-page product form with hardware configuration options and real-time price calculation.</figcaption></figure>
<h2 class="wp-block-heading">Real-time pricing that reflects every choice</h2>
<p>When customers select options that affect cost, the product price updates dynamically on the page. Use Gravity Forms pricing fields — products, options, quantities, and shipping — and the extension calculates the total in real time. Customers see exactly what they are paying for before they add anything to the cart.</p>
<p>You have full control over how pricing appears. Display the base price with a label like “Starting at $50”, hide the default WooCommerce price entirely for quote-based products, or customize the subtotal, options, and grand total labels individually. The pricing display adapts to your business model, not the other way around.</p>
<figure class="wp-block-image size-large"><img class="wp-image-18734006414341" src="https://woocommerce.com/wp-content/uploads/2011/12/gfpa-cart-with-form-data.png" alt="WooCommerce cart showing detailed form field data for a configured product" /><figcaption class="wp-element-caption">Every form selection flows into the cart as detailed line item metadata.</figcaption></figure>
<h2 class="wp-block-heading">Deep WooCommerce integration — not just a form embed</h2>
<p>This is not a shortcode that drops a form on a page. Gravity Forms Product Add-Ons is engineered to integrate at every level of the WooCommerce purchase flow:</p>
<ul class="wp-block-list">
<li><strong>Smart cart handling</strong> — Each unique form configuration is tracked as a distinct cart item. Identical configurations are automatically grouped and their quantities incremented. No duplicates, no confusion.</li>
<li><strong>Complete order data</strong> — Every field the customer fills out appears as order item metadata, visible in admin order screens, customer emails, order confirmations, and the My Account order view. Nothing is lost between the form and the order.</li>
<li><strong>One-to-one entry linking</strong> — Each order line item creates a proper Gravity Forms entry, linked directly to the WooCommerce order item. Jump from the order to the entry, or from the entry back to the order. Transaction status, payment details, and order status sync automatically as the order progresses.</li>
<li><strong>Cart editing</strong> — Let customers click an item in the cart to return to the product page with their previous selections pre-filled, then update and replace the item. No need to remove and re-add.</li>
<li><strong>Reorder support</strong> — Customers can reorder previous purchases with form data pre-populated from the original order, making repeat purchases fast and accurate.</li>
<li><strong>Inventory-aware stock management</strong> — Map a form quantity field to control WooCommerce stock deductions, so inventory stays accurate even when quantities come from form input rather than the standard quantity selector.</li>
<li><strong>Entry export with WooCommerce context</strong> — Export Gravity Forms entries with associated order number, order status, product name, and other WooCommerce fields included. Filter exports by order status to work only with completed, refunded, or any other status you need.</li>
<li><strong>Notification control</strong> — Gravity Forms notifications are suppressed by default during the add-to-cart process and only fire when the actual order is placed. Enable or disable notifications per product to match your workflow.</li>
</ul>
<figure class="wp-block-image size-large"><img height="584" width="1200" class="wp-image-18734006414342" src="https://woocommerce.com/wp-content/uploads/2011/12/gfpa-admin-product-configuration.png" alt="Product editor showing Gravity Forms configuration with expandable settings panels" /><figcaption class="wp-element-caption">Setup is simple: choose a form, then fine-tune pricing display, calculations, entries, and advanced options.</figcaption></figure>
<h2 class="wp-block-heading">Use the full power of Gravity Forms</h2>
<p>Build your product forms with the same tools you use everywhere else in Gravity Forms. Conditional logic, multi-page forms, file uploads, date pickers, address fields, calculations, conditional submit button logic — it all works. If you can build it in Gravity Forms, you can attach it to a WooCommerce product.</p>
<p>Pricing fields (products, options, totals, quantity, shipping) integrate directly with the WooCommerce cart total. Standard and advanced fields (text, dropdowns, checkboxes, radio buttons, numbers, names, email, phone, file upload, list fields, and more) pass their data through to orders and emails seamlessly.</p>
<h2 class="wp-block-heading">Broad compatibility with the tools you already use</h2>
<p>Gravity Forms Product Add-Ons works with the WooCommerce and Gravity Forms ecosystem — not against it:</p>
<ul class="wp-block-list">
<li><strong>Simple and variable products</strong> — Attach forms to any product type. For variable products, the form appears after a variation is selected.</li>
<li><strong>WooCommerce Subscriptions</strong> — Full support for subscription products, including proper entry handling on renewal orders.</li>
<li><strong>WooCommerce Bookings</strong> — Attach configuration forms to bookable products.</li>
<li><strong>WooCommerce Dynamic Pricing</strong> — When Dynamic Pricing is active, the real-time price calculation automatically factors in pricing rules alongside form option costs. Both extensions are built by Element Stark and are designed to work together.</li>
<li><strong>WooCommerce Bulk Variations</strong> — Attach a separate form specifically for the bulk order view. Also built by Element Stark.</li>
<li><strong>Gravity Perks Nested Forms</strong> — Compatible with Gravity Wiz nested form fields for complex multi-item configurations.</li>
<li><strong>Quick View Pro</strong> — Forms render and function correctly inside quick view modals.</li>
<li><strong>WooCommerce Cart and Checkout Blocks</strong> — Fully compatible with the modern block-based cart and checkout experience.</li>
<li><strong>High-Performance Order Storage (HPOS)</strong> — Built for WooCommerce’s current order storage architecture.</li>
</ul>
<h2 class="wp-block-heading">Structured data and SEO control</h2>
<p>When your product’s base price is $0 because the real price comes from form options, Google’s structured data can display incorrect pricing. This extension lets you override the structured data price range so search engines show accurate information for your configurable products — no additional SEO plugin required.</p>
<h2 class="wp-block-heading">Built for developers who need to extend it</h2>
<p>Dozens of filters and actions let you customize every aspect of the integration — cart item data, order meta display, pricing calculations, field visibility, notification behavior, validation messages, and more. Full support for Gravity Forms logging makes debugging straightforward. The codebase has been refined over 13 years of real-world store usage, and the hooks are stable and well-documented.</p>
<h2 class="wp-block-heading">See it in action</h2>
<p>Browse the <a href="https://www.elementstark.com/woocommerce-extension-demos/product-category/gravity-forms/">live demo store</a> to see Gravity Forms Product Add-Ons working with pizza builders, donation forms, configurable book products, and more.</p>
<p><strong>Requirement:</strong> This extension requires the <a href="https://www.gravityforms.com/">Gravity Forms</a> plugin (any license level). Gravity Forms is sold separately.</p>
<p> </p>

Gravity Forms Product Add-ons

<p><strong data-start="83" data-end="141">Turn Gravity Forms into powerful WooCommerce products. </strong>Capture custom data, update pricing in real time, and carry every detail through cart, checkout, and orders. Trusted, proven, and the original Gravity Forms integration for WooCommerce.</p>

Extra Custom Product Options vs Gravity Forms Product Add-ons