<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>

<p>Set up pre-orders in your Woo store, so customers can order products before they’re available. You can automatically or manually release and fill orders when you’re ready and let the extension handle the rest!</p>
<ul class="wccom-tick-list-primary">
<li>Set an optional date/time when the product will be available</li>
<li>Automatically charge orders when the product is available</li>
<li>Change the release date for a pre-ordered product</li>
<li>Email all customers who pre-ordered a product</li>
<li>Cancel pre-orders if the product is no longer available</li>
<li>Filter your pre-orders with a custom “pre-order” order status</li>
<li>Works with simple & variable products</li>
<li>Optionally charge a fee for a pre-order</li>
<li>Customize the Add to Cart/Place Order buttons for pre-orders</li>
</ul>
<hr class="wccom-product-heading__hr" />
<h2>Sell Pre-Orders for Products and Services</h2>
<p>The pre-order experience is fully customizable and supports both pre-orders charged up front and upon release. If you’re using a supported payment gateway, pre-orders can be charged upon release without the customer returning and paying for their order.</p>
<p><img class="alignnone" title="WooCommerce Pre-Orders Checkout" src="https://woocommerce.com/wp-content/uploads/2013/04/woocommerce-pre-orders-setting-when-charged-text.png" alt="WooCommerce Pre-Orders Checkout" width="553" height="231" /></p>
<p><a href="https://woocommerce.com/wp-content/uploads/2013/04/woocommerce-pre-orders-setting-single-product-page-message.png"><img title="WooCommerce Pre-Orders Product Page" src="https://woocommerce.com/wp-content/uploads/2013/04/woocommerce-pre-orders-setting-single-product-page-message.png" alt="WooCommerce Pre-Orders Product Page" /></a></p>
<h2>Easy pre-order customization</h2>
<p>Control how pre-order products are displayed using built-in settings for button text, product messages, and more. Display the time remaining until a product is available anywhere on your site using a countdown time shortcode with support for customization via CSS.</p>
<p><img class="alignnone" title="WooCommerce Pre-Orders Settings" src="https://woocommerce.com/wp-content/uploads/2013/04/woocommerce-pre-orders-settings.png" alt="WooCommerce Pre-Orders Settings" /></p>
<h2>Easy Pre-Order Management</h2>
<p>Pre-Orders can be charged in two ways, upfront or upon release. When charging a pre-order up front, the customer pays the entire pre-order amount during the initial checkout.</p>
<p>When charging a pre-order upon release, the customer’s payment method is charged when the product is released (either by reaching the availability date, if set, or manually within the Pre-Orders admin) when using a supported gateway. If a supported gateway is not available, the customer will receive an email when the pre-order is released, prompting them to come back to the store and pay for their pre-order.</p>
<p>All pre-orders can be managed through a dedicated page. From here, the admin can delay, complete, cancel, or email selected pre-orders or use the actions section to perform the same actions for all pre-orders for a given product.</p>
<h2>Automatically Charge Pre-Orders Upon Release</h2>
<p>When you use one of the <a href="https://woocommerce.com/document/pre-orders/#supported-gateways-for-automatic-payments">supported payment gateways</a>, you can automatically charge your customer’s payment method when the pre-order is available. All gateways support manual payments for pre-orders, where the customer is sent an email asking them to come back and pay for their pre-order when it’s released.</p>
<p><a href="https://woocommerce.com/wp-content/uploads/2013/04/woocommerce-pre-orders-support-gateways.png"><img title="WooCommerce Pre-Orders Authorize.net CIM Checkout" src="https://woocommerce.com/wp-content/uploads/2013/04/woocommerce-pre-orders-support-gateways.png" alt="WooCommerce Pre-Orders Authorize.net CIM Checkout" /></a></p>

WooCommerce Pre-Orders

<p>Allow customers to order products before they are available.</p>

Quantity Buttons vs WooCommerce Pre-Orders