<h2 class="wp-block-heading" id="h-top-3-features">Top Features</h2>
<ul class="wccom-tick-list-primary">
<li><strong>+/- Buttons</strong> – Add simple plus and minus buttons to adjust product quantities</li>
<li><strong>Decimal Support</strong> – Allow quantities like 0.25 or 1.5 for weight or measurement-based items.</li>
<li><strong>Quantity Slider</strong> – Optional slider for faster quantity selection.</li>
<li><strong>Custom Icons</strong> – Choose from built-in icons or upload your own.</li>
<li><strong>Min & Max Limits</strong> – Set quantity restrictions per product or rule.</li>
<li><strong>Step Display</strong> – Show step size, minimum, and maximum limits beside the input.
</li>
<li><strong>Custom Steps</strong> – Define increments like 2, 4, 5, or any custom value.</li>
<li><strong>Rule-Based Control</strong> – Apply quantity rules to products, categories, or user roles.</li>
<li><strong>Button Styling</strong> – Customize shape, size, colors, borders, and hover effects.</li>
<li><strong>Flexible Placement</strong> – Position buttons before, after, or on both sides of the input box.</li>
<li><strong>Responsive Design</strong> – Works seamlessly across all devices and screen sizes.</li>
</ul>
<p class="wp-block-paragraph"><b>Why Choose the Quantity Increment Buttons for WooCommerce?</b></p>
<p>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 <b>Quantity Buttons for WooCommerce</b> plugin solves this by adding simple <b>plus and minus buttons</b>, an optional <b>slider</b>, and smart controls right where your customers need them: on your shop<b>, </b>product, and cart pages.</p>
<h3><strong>Display on Shop, Product & Cart Pages</strong></h3>
<p>WooCommerce Quantity Plus Minus plugin allows you to display quantity buttons on the main shop page, individual product pages, and in the cart.</p>
<h4>Shop Page</h4>
<p><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" /></p>
<h4>Product Page</h4>
<p><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" /></p>
<h4>Cart Page</h4>
<p><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" /></p>
<h3><strong>Quantity Increment Button Styles</strong></h3>
<p>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.</p>
<p><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" /></p>
<h3><strong>Optional Quantity Slider</strong></h3>
<p>Add a slider next to or instead of the buttons so customers can adjust quantities quickly and smoothly.</p>
<p><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" /></p>
<h3><strong data-is-only-node="">Enable Decimal Quantities</strong></h3>
<p>Allow customers to enter decimal values like 0.5, 1.25, or 2.75 — ideal for selling products measured by weight, length, or volume.</p>
<p><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" /></p>
<h3><strong>Create Rules for Quantity Limits</strong></h3>
<p>WooCommerce Quantity Buttons allows you to set up multiple rules to control how product quantities work in your store.</p>
<ul>
<li><strong>Target Products or Categories:</strong> Apply rules to specific items or entire product groups.</li>
<li><strong>Target User Roles:</strong> Set different rules for retail, wholesale, or custom user roles.</li>
<li><strong>Minimum & Maximum Limits:</strong> Define how few or how many units can be purchased.</li>
<li><strong>Step Increments:</strong> Choose custom step values like 2, 5, or any interval you need.</li>
</ul>
<p><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" /></p>
<h3><strong data-is-only-node="">Display a Tooltip for Quantity Limits</strong></h3>
<p>Show helpful tooltips to guide customers about step sizes, minimums, and maximums.</p>
<p><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" /></p>
<h3><strong data-is-only-node="">Colors & Customization</strong></h3>
<p>Adjust the button shape, size, colors, icon style, and placement to perfectly match your store’s design using W<span data-sheets-root="1">ooCommerce Quantity Plus Minus.</span></p>
<p><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" /></p>
<ul>
<li><strong>Buy</strong> <em>Quantity Increment Buttons for <a href="https://woocommerce.com/products/quantity-increment-buttons/">WooCommerce</a>.</em></li>
<li><strong>Download</strong> the plugin and <strong>install</strong> it on your WooCommerce store.</li>
<li><strong>Activate</strong> the plugin from the WordPress dashboard.</li>
<li>Go to <strong>WooCommerce > Quantity Buttons </strong>to set up rules and enable file uploads for your customers.</li>
<li><strong>Need help?</strong> View the complete<strong> installation & Configuration guide <a class="" href="https://woocommerce.com/document/quantity-increment-buttons-docs/" rel="noopener">here</a></strong>.</li>
</ul>

Quantity Increment Buttons

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

<h2>Create custom fields for products using the extensive capabilities of WS Form PRO</h2>
<p><a href="https://wsform.com">WS Form PRO</a> is a powerful form development plugin for WordPress.</p>
<p>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!</p>
<p>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.</p>
<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>
<p>… and more! Visit the <a href="https://woocommerce.wsform.com/" target="_blank" rel="noopener noreferrer">demo website</a> to see more examples.</p>
<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>
<p><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" /></p>
<p>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.</p>
<p><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" /></p>
<p>Managing your product customization is easy. Simply click ‘Edit Form’ to make changes to your form.</p>
<p><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" /></p>
<p>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.</p>
<p><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" /></p>
<p>Use the WooCommerce field types to fully customize where product components are positioned on your product page.</p>
<p><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" /></p>
<p>Create product customizations that dovetail seamlessly into your website.</p>
<p><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" /></p>
<p>Create multi-step product customizations using all of the features available in WS Form PRO!</p>
<p><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></p>

WS Form PRO Product Custom Fields Add-Ons

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

Quantity Increment Buttons vs WS Form PRO Product Custom Fields Add-Ons