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

Enable your customers to design and customize a product to fit their needs with the product designer for WooCommerce. It enables you to customize T-shirts, cups, business cards, and other similar products by uploading and adding text, images, and custom designs.
It allows your customers to create custom product designs exactly how they want. They can add text, clipart, shapes, and effects, or even upload their own designs.
<h2>Features:</h2>
<ul>
<li style="font-weight: 400">Allow customers to add text to the products</li>
<li style="font-weight: 400">Select different text colors for the text</li>
<li style="font-weight: 400">2 product customizer layout (New)
<ul>
<li style="font-weight: 400">Classic Customizer</li>
<li style="font-weight: 400">Modern Customizer</li>
</ul>
</li>
<li style="font-weight: 400">Set customization fee (New)</li>
<li style="font-weight: 400">Customize text such as font type, size, and style</li>
<li style="font-weight: 400">Add Effects like grayscale, sepia, invert, emboss, sharpen, blur</li>
<li style="font-weight: 400">Add Shapes like square, circle, oval, diamond</li>
<li style="font-weight: 400">Upload cliparts and display them to customers for customization</li>
<li style="font-weight: 400">Customize both simple and variable products in the designer</li>
<li style="font-weight: 400">Customization of both the front and back sides of the product</li>
<li style="font-weight: 400">Allow the user to upload a custom design and images</li>
<li style="font-weight: 400">Allow specific image upload type (New)</li>
<li style="font-weight: 400">Download the design image separately</li>
<li style="font-weight: 400">Customize product designer interface</li>
<li style="font-weight: 400">Integrate Pixabay</li>
<li style="font-weight: 400">Share the designed product (New)</li>
<li style="font-weight: 400">Add a Barcode</li>
</ul>
<h3>Design any Type of Product</h3>
Allow customers to personalize products like t-shirts, mugs, hats, and more using custom product designer for WooCommerce. They can easily add text, images, and clipart to create unique designs that match their style.
Choose between two customizer layouts: Classic and Modern. The modern customizer includes both light and dark modes, offering an improved design and user experience.
 
This slideshow requires JavaScript.<div id="gallery-0-1-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\/2024\/12\/Design-any-Type-of-Product-1.png","id":"18734006325569","title":"Design any Type of Product 1","alt":"Design any Type of Product 1","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2024\/12\/Design-any-Type-of-Product-2.png","id":"18734006325568","title":"Design any Type of Product 2","alt":"Design any Type of Product 2","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2024\/12\/Design-any-Type-of-Product-3.png","id":"18734006325567","title":"Design any Type of Product 3","alt":"Design any Type of Product 3","caption":"","itemprop":"image"}]"></div>
<h3>Set a Product Customization Fee (New)</h3>
Product designer for WooCommerce allows you to charge for the customization of the products. It helps you generate additional revenue and charge for printing, embossing, or carving services. You can set the fees globally or individually for all the products.
<img class="alignnone size-medium wp-image-18734006325700" src="https://woocommerce.com/wp-content/uploads/2024/12/Set-a-Product-Customization-Fee-New-1.png?w=896" alt="Set a Product Customization Fee (New)" width="896" height="534" />
<h3>Add Cliparts for Designing</h3>
Upload custom clipart from the backend to give customers more creative options when designing their products. Product customizer for WooCommerce lets you organize clipart into categories, making it easier for customers to browse and select the perfect designs for personalization.
 
This slideshow requires JavaScript.<div id="gallery-0-2-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\/2024\/12\/Add-Cliparts-for-Designing-1.png","id":"18734006325575","title":"Add Cliparts for Designing 1","alt":"Add Cliparts for Designing 1","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2024\/12\/Add-Cliparts-for-Designing-2.png","id":"18734006325576","title":"Add Cliparts for Designing 2","alt":"Add Cliparts for Designing 2","caption":"","itemprop":"image"}]"></div>
<h3>Add Front and Back Images</h3>
This plugin allows you to add front and back images of the products. It helps customers to extensively customize their products from both sides.
 
This slideshow requires JavaScript.<div id="gallery-0-3-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\/2024\/12\/Add-Front-and-Back-Images.png","id":"18734006325580","title":"Add Front and Back Images","alt":"Add Front and Back Images","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2024\/12\/Add-Front-and-Back-Images-2.png","id":"18734006325579","title":"Add Front and Back Images 2","alt":"Add Front and Back Images 2","caption":"","itemprop":"image"}]"></div>
<h3>Integrate Pixabay</h3>
Product designer for WooCommerce lets you enable Pixabay and allows customers to add high-resolution images or designs to their products. Customers can choose from more than 5 million images on Pixabay to enhance their product designs.
<img class="alignnone size-medium wp-image-18734006325582" src="https://woocommerce.com/wp-content/uploads/2024/12/Integrate-Pixabay.png?w=896" alt="Integrate Pixabay" width="896" height="434" />
<h3>Allow Specific Image Upload Types (New)</h3>
Custom product designer lets your customers upload a custom image and design to enhance their product customization. You can also restrict uploads to specific file types, such as JPG, PNG, or SVG, ensuring compatibility, maintaining image quality, and preventing unsupported or unsafe file formats from being uploaded.
<img class="alignnone size-medium wp-image-18734006325583" src="https://woocommerce.com/wp-content/uploads/2024/12/Allow-Specific-Image-Upload-Types-New.png?w=896" alt="Allow Specific Image Upload Types (New)" width="896" height="148" />
<h3>Customize the Product Designer</h3>
Product designer for WooCommerce lets you adjust the canvas size, set a custom heading, and choose colors for backgrounds, text, and buttons to match your store’s branding. You can also set pricing for custom designs, helping you manage personalized orders while keeping the design area clean, user-friendly, and optimized.
Note: Customization options are available only in the Classic Customizer (V1).
 
This slideshow requires JavaScript.<div id="gallery-0-4-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\/2024\/12\/Customize-the-Product-Designer-2.png","id":"18734006325585","title":"Customize the Product Designer 2","alt":"Customize the Product Designer 2","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2024\/12\/Customize-the-Product-Designer.png","id":"18734006325586","title":"Customize the Product Designer","alt":"Customize the Product Designer","caption":"","itemprop":"image"}]"></div>
 
Note: Customization options are available only in the Classic Customizer (V1).
<h3>Download Design Image</h3>
Admins can download the design image directly from the order details, making it easy to review and print each design accurately for production.
<img class="alignnone size-medium wp-image-18734006325587" src="https://woocommerce.com/wp-content/uploads/2024/12/Download-Design-Image.png?w=896" alt="Download Design Image" width="896" height="212" />
<h3>Compatible with Variable Products</h3>
Product designer plugin for WooCommerce works seamlessly with variable products, enabling customization for each variation. Upload separate front and back images for every variation so customers see an accurate preview based on their selected size, color, or style.
<img class="alignnone size-medium wp-image-18734006325588" src="https://woocommerce.com/wp-content/uploads/2024/12/Compatible-with-Variable-Products.png?w=896" alt="Compatible with Variable Products" width="896" height="485" />
<h3>Share Your Customized Designs</h3>
Let customers easily share their personalized products on social media straight from the product designer. This boosts engagement, highlights their creations, and promotes your store organically.
<img class="alignnone size-medium wp-image-18734006325589" src="https://woocommerce.com/wp-content/uploads/2024/12/Share-Your-Customized-Designs.png?w=896" alt="Share Your Customized Designs" width="896" height="469" />

Custom Product Designer

Enable customers to customize the product according to their preference with WooCommerce product designer.

Quantity Increment Buttons vs Custom Product Designer