<h2>Ninja Forms – Add fields to your products.</h2>
Ninja Forms is a popular WordPress plugin for creating custom forms. It offers an intuitive drag-and-drop interface, making it easy for users to build everything from simple contact forms to complex multi-page forms.
Enhancing this functionality, the Ninja Forms Product Addon allows you to seamlessly integrate custom forms into your WooCommerce products, enabling personalized customer interactions and data collection at the point of sale.
Features & Benefits:
<ul>
<li>Drag-and-drop form builder.</li>
<li>Pre-designed templates for various form types.</li>
<li>Integration with email marketing tools.</li>
<li>Ninja Forms Product Addon: Add custom forms to products.</li>
</ul>
When purchasing products from your store, you require information from your customer. Perhaps you run a t-shirt printing company, and you require the customer to enter in the text they would like to have printed on the t-shirt.
For this, you can add a simple text input field to your product listing, and charge an extra fee, using the Ninja Forms Product Add-ons extension for WooCommerce.
<figure id="attachment_506367" aria-describedby="caption-attachment-506367" style="width: 302px" class="wp-caption aligncenter"><a href="https://woocommerce.com/wp-content/uploads/2014/09/ninja-form-product-detail-page.jpg"><img class="size-full wp-image-506367" src="https://woocommerce.com/wp-content/uploads/2014/09/ninja-form-product-detail-page.jpg" alt="Easily add form fields to your product detail screens." width="302" height="396" /></a><figcaption id="caption-attachment-506367" class="wp-caption-text">Easily add form fields to your product detail screens.</figcaption></figure>
<a href="https://ninjaforms.com/" target="_blank" rel="noopener">Ninja Forms</a> is a popular free form creation plugin for WordPress. While most commonly used for contact forms and other such form-to-email requirements, the code is flexible enough to integrate seamlessly with WooCommerce products, using this extension.
<figure id="attachment_506365" aria-describedby="caption-attachment-506365" style="width: 604px" class="wp-caption aligncenter"><a href="https://woocommerce.com/wp-content/uploads/2014/09/ninja-forms-cart.jpg"><img class="size-full wp-image-506365" src="https://woocommerce.com/wp-content/uploads/2014/09/ninja-forms-cart.jpg" alt="Optionally add charges to your added form fields, and preserve the information on the order line item." width="604" height="310" /></a><figcaption id="caption-attachment-506365" class="wp-caption-text">Optionally add charges to your added form fields, and preserve the information on the order line item.</figcaption></figure>
Assign a Ninja Form to your product, and have the form fields displayed on the product listing, enabling your store’s customers to customize the product before adding it to their shopping cart.

Ninja Forms Product Add-ons

Add custom form fields to your product listings.

<h2 class="wp-block-heading" id="h-top-3-features">Top Features</h2>
<ul class="wccom-tick-list-primary">
<li>+/- Buttons – Add simple plus and minus buttons to adjust product quantities</li>
<li>Decimal Support – Allow quantities like 0.25 or 1.5 for weight or measurement-based items.</li>
<li>Quantity Slider – Optional slider for faster quantity selection.</li>
<li>Custom Icons – Choose from built-in icons or upload your own.</li>
<li>Min & Max Limits – Set quantity restrictions per product or rule.</li>
<li>Step Display – Show step size, minimum, and maximum limits beside the input.
</li>
<li>Custom Steps – Define increments like 2, 4, 5, or any custom value.</li>
<li>Rule-Based Control – Apply quantity rules to products, categories, or user roles.</li>
<li>Button Styling – Customize shape, size, colors, borders, and hover effects.</li>
<li>Flexible Placement – Position buttons before, after, or on both sides of the input box.</li>
<li>Responsive Design – Works seamlessly across all devices and screen sizes.</li>
</ul>
Why Choose the Quantity Increment Buttons for WooCommerce?
Making sure customers can easily pick how many of an item they want shouldn’t be a hassle. No one wants to deal with clunky number boxes that are hard to use! The Quantity Buttons for WooCommerce plugin solves this by adding simple plus and minus buttons, an optional slider, and smart controls right where your customers need them: on your shop, product, and cart pages.
<h3>Display on Shop, Product & Cart Pages</h3>
WooCommerce Quantity Plus Minus plugin allows you to display quantity buttons on the main shop page, individual product pages, and in the cart.
<h4>Shop Page</h4>
<img class="alignnone wp-image-18734005548092" src="https://woocommerce.com/wp-content/uploads/2025/07/image-7.png" alt="Quantity Buttons for WooCommerce" width="827" height="442" />
<h4>Product Page</h4>
<img class="alignnone wp-image-18734005548104" src="https://woocommerce.com/wp-content/uploads/2025/07/image-8.png" alt="Quantity Buttons for WooCommerce" width="826" height="430" />
<h4>Cart Page</h4>
<img class="alignnone wp-image-18734005548106" src="https://woocommerce.com/wp-content/uploads/2025/07/Frame-27-1.png" alt="Quantity Buttons for WooCommerce" width="822" height="556" />
<h3>Quantity Increment Button Styles</h3>
Add easy plus and minus buttons to quantity fields. Use built-in icons like plus minus, arrows or chevrons, or upload your own using Quantity Buttons for WooCommerce.
<img class="alignnone size-full wp-image-18734005548108" src="https://woocommerce.com/wp-content/uploads/2025/07/Frame-19.png" alt="Quantity Increment Buttons for WooCommerce" width="980" height="307" />
<h3>Optional Quantity Slider</h3>
Add a slider next to or instead of the buttons so customers can adjust quantities quickly and smoothly.
<img class="alignnone wp-image-18734005466572" src="https://woocommerce.com/wp-content/uploads/2025/06/Frame-16.png" alt="Display Quantity Slider for WooCommerce" width="807" height="389" />
<h3>Enable Decimal Quantities</h3>
Allow customers to enter decimal values like 0.5, 1.25, or 2.75 — ideal for selling products measured by weight, length, or volume.
<img class="alignnone wp-image-18734005548111" src="https://woocommerce.com/wp-content/uploads/2025/07/Frame-29.png" alt="Quantity Increment Buttons for WooCommerce" width="812" height="434" />
<h3>Create Rules for Quantity Limits</h3>
WooCommerce Quantity Buttons allows you to set up multiple rules to control how product quantities work in your store.
<ul>
<li>Target Products or Categories: Apply rules to specific items or entire product groups.</li>
<li>Target User Roles: Set different rules for retail, wholesale, or custom user roles.</li>
<li>Minimum & Maximum Limits: Define how few or how many units can be purchased.</li>
<li>Step Increments: Choose custom step values like 2, 5, or any interval you need.</li>
</ul>
<img class="alignnone wp-image-18734005548117" src="https://woocommerce.com/wp-content/uploads/2025/07/Frame-30-2.png" alt="Quantity Increment Buttons for WooCommerce" width="682" height="732" />
<h3>Display a Tooltip for Quantity Limits</h3>
Show helpful tooltips to guide customers about step sizes, minimums, and maximums.
<img class="alignnone wp-image-18734005548124" src="https://woocommerce.com/wp-content/uploads/2025/07/Frame-18.png" alt="Quantity Increment Buttons for WooCommerce" width="800" height="440" />
<h3>Colors & Customization</h3>
Adjust the button shape, size, colors, icon style, and placement to perfectly match your store’s design using WooCommerce Quantity Plus Minus.
<img class="alignnone wp-image-18734005466662" src="https://woocommerce.com/wp-content/uploads/2025/06/Frame-22.png" alt="Colors & Customization for Quantity Buttons for WooCommerce" width="739" height="474" />
<ul>
<li>Buy Quantity Increment Buttons for <a href="https://woocommerce.com/products/quantity-increment-buttons/">WooCommerce</a>.</li>
<li>Download the plugin and install it on your WooCommerce store.</li>
<li>Activate the plugin from the WordPress dashboard.</li>
<li>Go to WooCommerce > Quantity Buttons to set up rules and enable file uploads for your customers.</li>
<li>Need help? View the complete installation & Configuration guide <a class="" href="https://woocommerce.com/document/quantity-increment-buttons-docs/" rel="noopener">here</a>.</li>
</ul>

Quantity Increment Buttons

Add customizable quantity buttons for WooCommerce to shop, cart, and product pages. Set min/max, decimal steps & sliders to boost customer experience.

Ninja Forms Product Add-ons vs Quantity Increment Buttons