<h2><b>Quantity Button – Min/Max Quantity Features</b></h2>
<ul>
<li><b>Add +/- Buttons:</b> Add Quantity plus and minus buttons to your store.</li>
<li><b>Set Min/Max Quantity:</b> Define the minimum and maximum quantities for placing an order.</li>
<li><b>Increment/Decrement Steps:</b> Define steps for increasing or decreasing product quantity, such as 2, 4, 6,…..</li>
<li><b>Rule-Based Management:</b> Create rules to control the display of quantity buttons.</li>
<li><b>Quantity Range Slider:</b> Display a quantity range slider for easy quantity selection.</li>
<li><b>Button Design Style:</b> Choose the button style as classic or modern to match your store.</li>
<li><b>Button Customization:</b> Customize the color, border, radius, font, width, and hover color of the quantity button.</li>
<li><b>Supports Custom CSS:</b> Add Custom CSS styling to match the buttons to your store’s theme.</li>
<li><b>Display on Checkout:</b> Option to display the quantity button on the checkout page.</li>
</ul>
<h2><b>Quantity Increment Buttons – Min/Max Quantity</b></h2>
<p>Make it easy for customers to choose the right quantity without frustration. Quantity Buttons for WooCommerce replaces the default number field with clear plus and minus buttons, quantity range sliders, and smart quantity controls directly on your shop, product, and cart pages.</p>
<p>With full customization options, you can set minimum and maximum quantity limits, define increment steps, and apply rules to specific products or categories. Encourage larger orders, manage stock more effectively, and deliver a smoother, more user-friendly shopping experience with powerful quantity controls built for WooCommerce.</p>
<h2><b>Display Quantity Buttons on Multiple Pages</b></h2>
<p>The WooCommerce Quantity Plus Minus plugin allows you to replace the default quantity selector with a customizable quantity plus minus button. Display the button on the product, shop, cart, and checkout pages.</p>
<p class="jetpack-slideshow-noscript robots-nocontent">This slideshow requires JavaScript.</p><div id="gallery-0-7-slideshow" class="jetpack-slideshow-window jetpack-slideshow jetpack-slideshow-black" data-trans="fade" data-autostart="1" data-gallery="[{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2021\/01\/Display-Quantity-Buttons-on-Product-Page.png","id":"18734006312489","title":"Display Quantity Buttons on Product Page","alt":"Display Quantity Buttons on Product Page","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2021\/01\/Display-Quantity-Buttons-on-Checkout-Page.png","id":"18734006312490","title":"Display Quantity Buttons on Checkout Page","alt":"Display Quantity Buttons on Checkout Page","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2021\/01\/Display-Quantity-Buttons-on-Cart-Page.png","id":"18734006312491","title":"Display Quantity Buttons on Cart Page","alt":"Display Quantity Buttons on Cart Page","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2021\/01\/Display-Quantity-Buttons-on-Shop-Page.png","id":"18734006312492","title":"Display Quantity Buttons on Shop Page","alt":"Display Quantity Buttons on Shop Page","caption":"","itemprop":"image"}]"></div>
<h2><b>Set Minimum and Maximum Quantity</b></h2>
<p>Increase average order value by setting the minimum and maximum quantity required for placing an order. The WooCommerce Quantity Increment plugin allows store owners to set a minimum or maximum product order quantity and customize the error messages for quantity limits. This encourages customers to purchase products in larger quantities.</p>
<p><img class="alignnone size-medium wp-image-18734006312496" src="https://woocommerce.com/wp-content/uploads/2021/01/Set-Minimum-and-Maximum-Quantity.png?w=827" alt="Set Minimum and Maximum Quantity" width="827" height="185" /></p>
<h2><b>Set Custom Increment Steps</b></h2>
<p>The WooCommerce Quantity Plus Minus plugin lets you define how quantities increase for specific products. For example, set the step value to 5 to let customers purchase in multiples like 5, 10, 15, and more, making it perfect for products sold in sets or bulk quantities.</p>
<p><img class="alignnone size-medium wp-image-18734006312498" src="https://woocommerce.com/wp-content/uploads/2021/01/Set-Custom-Increment-Steps.gif?w=896" alt="Set Custom Increment Steps" width="896" height="537" /></p>
<h2><b>Create Rules to Manage Display of the Button</b></h2>
<p>The WooCommerce Quantity Buttons plugin allows you to create multiple rules to manage the display of the quantity increment button. By creating rules, you can control:</p>
<ul>
<li><b>Min/Max Quantity:</b> Set the maximum and minimum quantity allowed for each rule.</li>
<li><b>Display for Product or Category:</b> Apply the rule to specific products or categories, or all products.</li>
<li><b>Control by User Role:</b> Control the display of quantity buttons based on user roles.</li>
<li><b>Increment Steps:</b> Configure the increment steps for each rule.</li>
</ul>
<p><img class="alignnone size-medium wp-image-18734006312503" src="https://woocommerce.com/wp-content/uploads/2021/01/Create-Rules-to-Manage-Display-of-the-Button.png?w=896" alt="Create Rules to Manage Display of the Button" width="896" height="813" /></p>
<h2><b>Customize the Quantity Button</b></h2>
<p>Personalize the quantity increment button to match your store’s theme. You can choose the button style as <b>Classic</b> or <b>Modern</b>. Easily customize the color of the quantity button, font, hover, and border. Also, customize the border width, radius, font size, and field width.</p>
<p class="jetpack-slideshow-noscript robots-nocontent">This slideshow requires JavaScript.</p><div id="gallery-0-8-slideshow" class="jetpack-slideshow-window jetpack-slideshow jetpack-slideshow-black" data-trans="fade" data-autostart="1" data-gallery="[{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2021\/01\/Customize-the-Quantity-Classic-Button-Settings.png","id":"18734006312506","title":"Customize the Quantity Classic Button Settings","alt":"Customize the Quantity Classic Button Settings","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2021\/01\/Customize-Quantity-Modern-Button-Settings.png","id":"18734006312507","title":"Customize Quantity Modern Button Settings","alt":"Customize Quantity Modern Button Settings","caption":"","itemprop":"image"}]"></div>
<h4></h4>
<h2><b>Display a Quantity Range Slider</b></h2>
<p>Add a quantity slider next to or instead of the plus and minus buttons, allowing customers to adjust quantities quickly and smoothly. Use both the buttons and slider together, or enable only one option based on your store’s needs.</p>
<p><img class="alignnone size-medium wp-image-18734006312515" src="https://woocommerce.com/wp-content/uploads/2021/01/Display-a-Quantity-Range-Slider.png?w=896" alt="Display a Quantity Range Slider" width="896" height="539" /></p>
<h2><b>Add Custom CSS Styling</b></h2>
<p>The WooCommerce Quantity Plus Minus Plugin allows store owners extensive customization by adding custom CSS. You can add your own custom CSS styling to apply to the whole store. This way, you can have a more personalized user experience.</p>
<p><img class="alignnone size-medium wp-image-18734006312517" src="https://woocommerce.com/wp-content/uploads/2021/01/Add-Custom-CSS-Styling.png?w=751" alt="Add Custom CSS Styling" width="751" height="436" /></p>
<p> </p>

Quantity Buttons

<h2><b>Add Customizable Quantity Increment Buttons to your Store. Set Minimum/Maximum quantity limits, define steps, and add a Quantity Range Slider to Sell More.</b></h2>

<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 Buttons vs WS Form PRO Product Custom Fields Add-Ons