<ul class="wccom-tick-list-primary">
<li><strong>Add quantity field on WooCommerce shop and archive pages without opening product page</strong></li>
<li><strong>Choose whether to display quantity field on shop page, category pages, or all archives</strong></li>
<li><strong>Set a default quantity value that respects product-level min/max rules</strong></li>
<li><strong>Limit quantity field visibility to specific products or product categories</strong></li>
<li><strong>Auto-hide quantity field for variable, out-of-stock, and sold-individually products</strong></li>
<li><strong>Compatible with dropdown quantity selectors and min/max quantity plugins</strong></li>
<li><strong>Enable or disable the quantity field globally with a single setting</strong></li>
<li><strong>Reduce clicks and friction to improve shop page conversions</strong></li>
</ul>
<hr class="wccom-product-single__section-hr" />
<p>In a standard WooCommerce store, customers must open each product page individually just to select a quantity before adding an item to their cart. For stores with large catalogs e.g wholesale shops, grocery stores, or bulk-order businesses, this creates unnecessary friction. Customers are forced to navigate in and out of product pages repeatedly, which increases drop-offs and reduces conversions. Without a way to show the quantity field directly on the shop or archive pages, store owners miss a simple but powerful opportunity to improve the shopping experience and boost sales. That’s where Shop Page Quantity Selector changes everything.</p>
<p>The Shop Page Quantity Selector plugin solves this problem by adding a quantity input field directly on WooCommerce shop, category, and archive pages. Customers can select their desired quantity and add products to the cart without ever opening the product page. With flexible display controls, targeted product visibility, smart conditional handling for variable products, and full compatibility with popular quantity plugins — this tool gives store owners complete control over the quantity field experience, helping reduce cart abandonment and increase conversions.</p>
<h2>Features</h2>
<h3>Enable Quantity Field on Shop & Archive Pages</h3>
<p>The core feature of Shop Page Quantity Selector is the ability to display a quantity input field directly on WooCommerce shop and archive pages. Customers can pick their quantity and click Add to Cart, all from the product grid without ever having to open the product page.</p>
<p><img class="alignnone size-medium wp-image-18734006366935" src="https://woocommerce.com/wp-content/uploads/2026/02/enable-disable-quantity-field-on-shop-page.png?w=896" alt="" width="896" height="574" /></p>
<ul>
<li>You can enable the quantity field with a single checkbox from WooCommerce Settings.</li>
<li>Once enabled, the quantity input appears alongside the Add to Cart button on archive pages.</li>
</ul>
<p>This feature eliminates unnecessary page navigation and gives customers a faster, more convenient way to shop. Fewer clicks mean less friction, and less friction means more completed purchases. It is especially valuable for wholesale stores, repeat buyers, and high-catalog shops where speed matters.</p>
<hr class="wccom-product-single__section-hr" />
<h3>Flexible Display Control — Shop, Category, or All Archives</h3>
<p>Not every store needs the quantity field everywhere. With the Display on Archive Pages setting, you have full control over exactly where the quantity field appears on your WooCommerce store.</p>
<p><img class="alignnone size-medium wp-image-18734006366934" src="https://woocommerce.com/wp-content/uploads/2026/02/display-quantity-field-on-shop-archive-or-all-pages.png" alt="Settings to control where quantity field appears on WooCommerce archive pages" width="896" height="400" /></p>
<ul>
<li>You can choose to show the quantity field on the main shop page only.</li>
<li>You can limit it to product category and archive pages only.</li>
<li>Or you can enable it across all product archive pages at once.</li>
</ul>
<p>This flexibility lets you tailor the shopping experience to your store’s specific needs. Whether you want the quantity selector on every archive page or only in specific areas, this setting puts that control in your hands — without any coding required.</p>
<hr class="wccom-product-single__section-hr" />
<h3>Set a Default Quantity Value</h3>
<p>The Default Quantity setting lets you define a pre-filled quantity value that appears in the quantity field when customers land on your shop or archive pages. This saves customers from having to manually enter a quantity every time.</p>
<p><img class="alignnone size-medium wp-image-18734006366937" src="https://woocommerce.com/wp-content/uploads/2026/02/set-default-quantity-for-quantity-field-on-shop-page.png" alt="Default quantity value setting for WooCommerce shop page quantity field" width="896" height="576" /></p>
<ul>
<li>You can set any positive integer as the default quantity value.</li>
<li>The plugin automatically respects any product-level minimum or maximum quantity rules you have configured.</li>
</ul>
<p>Pre-filling a sensible default quantity reduces the number of steps a customer needs to take before adding a product to the cart. For bulk and wholesale stores, this can significantly speed up the ordering process and improve the overall shopping experience.</p>
<hr class="wccom-product-single__section-hr" />
<h3>Show Quantity Field for Specific Products or Categories</h3>
<p>The Show for Products setting gives you targeted control over which products display the quantity field on shop and archive pages. You can apply it to your entire shop or narrow it down to exactly the products or categories that need it.</p>
<p><img class="alignnone size-medium wp-image-18734006366938" src="https://woocommerce.com/wp-content/uploads/2026/02/show-quantity-field-on-specific-product-or-categories.png?w=896" alt="Target specific products or categories to show quantity field on WooCommerce shop page" width="896" height="591" /></p>
<ul>
<li>You can show the quantity field for all products across the entire shop.</li>
<li>You can limit it to specific selected products using the product search field.</li>
<li>You can also limit it to products belonging to specific categories using the category multiselect.</li>
</ul>
<p>This targeted visibility gives store owners precise control without affecting products or categories where the quantity field is not needed. It is perfect for stores that run mixed catalogs — for example, showing the quantity selector only for bulk-eligible or wholesale products while keeping the standard layout for others.</p>
<hr class="wccom-product-single__section-hr" />
<h3>Smart Auto-Hide for Variable, Out-of-Stock & Sold-Individually Products</h3>
<p>The plugin includes intelligent conditional handling to automatically hide the quantity field for products where it should not appear — without any manual configuration on your part.</p>
<p><img class="alignnone size-medium wp-image-18734006366936" src="https://woocommerce.com/wp-content/uploads/2026/02/hide-quantity-field-on-shop-page-for-vriables.png?w=896" alt="Auto-hide quantity field for variable and out-of-stock WooCommerce products" width="896" height="568" /></p>
<ul>
<li>The quantity field is automatically hidden for variable products, as they require variation selection before a quantity can be set.</li>
<li>It is also hidden for out-of-stock and sold-individually products to prevent incorrect add-to-cart actions.</li>
<li>The hide for variable products behavior can be toggled from the plugin settings if needed.</li>
</ul>
<p>This smart handling ensures that the quantity field only appears where it makes sense, protecting your store from order errors and confusing customer experiences. It keeps the shop page clean and functional across all product types without requiring you to manage each product manually.</p>
<hr class="wccom-product-single__section-hr" />
<h3>High Compatibility with Quantity Customization Plugins</h3>
<p>Shop Page Quantity Selector is built to work alongside the WooCommerce ecosystem — including third-party plugins that modify or extend the quantity field behavior.</p>
<ul>
<li>Works seamlessly with dropdown or select-style quantity field plugins.</li>
<li>Fully compatible with WooCommerce min/max quantity tools and quantity step plugins.</li>
<li>Respects all quantity rules defined by other plugins or at the product level.</li>
</ul>
<p>You do not have to choose between this plugin and the quantity customization tools you already use. Shop Page Quantity Selector integrates cleanly with your existing setup, ensuring a consistent and accurate quantity experience across your entire WooCommerce store.</p>
<hr class="wccom-product-single__section-hr" />
<p>By adding these features to your WooCommerce store, you will give customers a faster and smoother shopping experience, reduce unnecessary page navigation, and create more opportunities for completed purchases.</p>
<p>Do not let extra clicks cost you sales. Install <strong>Shop Page Quantity Selector</strong> today and make every product archive page a powerful conversion point.</p>

Shop Page Quantity Selector

<p>Create quantity field on shop page and lets customers select product quantities directly on shop and category pages without opening the product page.</p>

<div class="woo-sc-box" style="background: #fff;border: 1px solid #cfb9f6;border-left-width: 1px !important;border-radius: 5px;color: #000000;margin: 2em 0;padding: 17px">
<h2><strong>Highlights</strong></h2>
<ul class="wccom-tick-list-secondary" style="line-height: 1.8em;color #ffffff;margin-bottom: 18px">
<li><strong>Allow customers to upload files from product, cart, checkout and order detail page</strong></li>
<li><strong>Enable file upload for specific products, categories, user roles and order statuses<br />
</strong></li>
<li><strong>Option to charge extra fee in fixed or percentage amount for file uploads</strong></li>
<li><strong>Offer product customization or collect any files required to process order</strong></li>
<li><strong>Restrict file types a customer can upload and approve/disapprove uploaded files<br />
</strong></li>
</ul>
</div>
<hr />
<div>
<h2><img class="alignleft wp-image-18734003899698 size-full" style="margin-bottom: 3em" src="https://woocommerce.com/wp-content/uploads/2023/01/logo-2-1-e1724321458910.png" alt="" width="100" height="98" />Customization Flexibility</h2>
<p>Allowing customers to upload files can be really helpful when you offer customizable products. Customers can directly provide image references, requirement documents, or design inspirations. Personalized products created according to customer preferences can not only increase conversions but also significantly reduce cart abandonment.</p>
</div>
<hr />
<div>
<h2><img class="alignleft wp-image-18734003899699 size-full" style="margin-bottom: 3em" src="https://woocommerce.com/wp-content/uploads/2023/01/logo-1-1-e1724321632475.png" alt="" width="100" height="97" />Increased Revenue Opportunities</h2>
<p>Since you can charge a fee for file attachments, this provides an extra revenue generation opportunity. Customers are always willing to pay for a product that is tailored according to their requirements; hence, charging extra for product customizations can increase revenue significantly.</p>
</div>
<hr />
<div>
<h2><img class="alignleft wp-image-18734003899701 size-full" style="margin-bottom: 3em" src="https://woocommerce.com/wp-content/uploads/2023/01/logo-4-e1724321934981.png" alt="" width="100" height="98" />Competitive Advantage</h2>
<p style="overflow: hidden">Do you also feel that the competition in your niche is ever-expanding, and you don’t seem to be able to figure out how to gain a competitive advantage? If yes, then File Upload for WooCommerce is the key to getting that competitive advantage. Offer product customization to gain an edge over your competitors.</p>
</div>
<hr />
<div>
<h2><img class="alignleft wp-image-18734003899702 size-full" style="margin-bottom: 3em" src="https://woocommerce.com/wp-content/uploads/2023/01/logo-5-e1724321978577.png" alt="" width="100" height="98" />Seamless Integration</h2>
<p>This extension allows seamless integration of the file upload field on product, cart, and checkout pages. In addition, the upload file field is now compatible with cart and checkout blocks, which ensures its smooth integration regardless of the WordPress/WooCommerce version in use.</p>
</div>
<hr />
<div>
<h2><img class="alignleft wp-image-18734003899703 size-full" style="margin-bottom: 3em" src="https://woocommerce.com/wp-content/uploads/2023/01/logo-3-e1724321998684.png" alt="" width="100" height="98" />User-Friendly Interface</h2>
<p style="overflow: hidden">File upload’s user-friendly interface makes it easy for customers to attach files to their orders. Additionally, with the introduction of the “drag-n-drop” feature now, customers can easily upload files without using any file explorer by just dragging the file directly over the product page.</p>
</div>
<hr />
<h1>Allow Customers to Upload Files with Orders</h1>
<p>Does your store create custom orders or sell a product or service <span style="margin: 0px;padding: 0px">that requires customer documentation? The <strong>File Upload for WooCommerce</strong> extension allows your customers</span> to upload files with their orders.</p>
<p><strong>File Upload for WooCommerce</strong> also allows store owners to require uploads (make them mandatory) and charge fees for them. Fees can be based on a percentage or a fixed amount. Store owners can charge a fee for all uploads or a separate fee for each upload.</p>
<p><strong>File Upload for WooCommerce </strong>adds an Upload button to pages you assign that may include product, Cart, Checkout, or order-detail pages.</p>
<p><img class="alignnone size-full wp-image-18734004244817" src="https://woocommerce.com/wp-content/uploads/2023/01/file-upload-for-woocommerce-1.jpg" alt="file upload for woocommerce" width="980" height="603" /></p>
<h2>Who needs a file upload option?</h2>
<h3>Personalized Products</h3>
<p>Stores that sell made-to-order products, like custom printing, may need customers to upload event details or a company logo to complete an order.</p>
<h3>Legal Requirements</h3>
<p>Some stores require legal documentation before allowing orders. For example, a store might need proof of age or a copy of a buyer’s wholesale or tax information to complete an order or create an account. <strong>File Upload for WooCommerce </strong>gives store owners the option of requiring an upload of information before the customer adds items to their carts or places an order.</p>
<h2><strong>Features</strong></h2>
<ul>
<li>Create rules to allow file uploads from:
<ul>
<li>Product pages</li>
<li>Cart pages</li>
<li>Checkout pages</li>
<li>Order detail pages (My-Account)</li>
</ul>
</li>
<li>Option to add extra fees for uploaded files in fixed or percentage amounts</li>
<li>Add a one-time or per-file fee</li>
<li>Enable single or multiple file uploads</li>
<li>Display file upload options for selected:
<ul>
<li>Products</li>
<li>Categories</li>
<li>User roles</li>
<li>Order statuses (file upload from the order-detail page only)</li>
</ul>
</li>
<li>Add minimum and maximum file sizes for upload</li>
<li class="changelog-entry-type entry-type__new" title="new" aria-label="new" data-type="n"><span class="wccom-product-changelog-modal__content">Approve/disapprove uploaded files from the backend (<strong>New</strong>)</span></li>
<li class="changelog-entry-type entry-type__new" title="new" aria-label="new" data-type="n"><span class="wccom-product-changelog-modal__content">Send email Notification to the customer on file approval or disapproval (<strong>New</strong>)</span></li>
<li title="new" aria-label="new" data-type="n">Allow customers to drag and drop files for upload (<strong>New</strong>)</li>
<li>Allow specific file formats like PDF, DOCX, XLS, etc.</li>
<li>Make file uploads mandatory or optional</li>
<li>Restrict uploading new or editing existing files from order-detail pages</li>
<li>Storefront design improvements (<strong>New</strong>)</li>
<li>Display message field with file upload</li>
<li>Add a privacy policy checkbox and message</li>
<li>Option to let customers download their uploaded files</li>
<li>Create custom file- upload errors and success messages</li>
<li>Add a custom file upload icon</li>
<li>Customize colors for file upload buttons, text, trash icons, and more</li>
<li>Compatible with cart and checkout blocks (<strong>New</strong>)</li>
</ul>
<h2><span style="font-weight: 400">Allow Customers to Upload Files through Product, Cart & Checkout Pages</span></h2>
<p><span style="font-weight: 400">The plugin allows you to display a file upload option on the product, cart, and checkout pages for all or specific products. Through a rule-based system, you can easily control where the feature is displayed and on which pages and products.</span></p>
<p><span style="font-weight: 400">Once uploaded, the file can be viewed on the Cart, Checkout Page, Thank-You, and Order Detail Pages. You can allow customers to upload images, files, graphics, etc. </span></p>
<p><span style="font-weight: 400">You can easily limit the number of files uploaded and adjust the position of the upload option on the cart page. For ease, you can add a shortcode to place the file upload option anywhere you like. </span></p>
<p class="jetpack-slideshow-noscript robots-nocontent">This slideshow requires JavaScript.</p><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\/2023\/01\/file-upload-for-woocommerce-1-1.jpg","id":"18734004244826","title":"file-upload-for-woocommerce-1","alt":"file-upload-for-woocommerce-6","caption":"Product Page","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2023\/01\/file-upload-for-woocommerce-7.jpg","id":"18734004244835","title":"file-upload-for-woocommerce-7","alt":"file-upload-for-woocommerce-6","caption":"Cart Page","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2023\/01\/file-upload-for-woocommerce-8.jpg","id":"18734004244836","title":"file-upload-for-woocommerce-8","alt":"file upload for woocommerce","caption":"Checkout Page","itemprop":"image"}]"></div>
<h2><span style="font-weight: 400">Manage File Upload Visibility by User Roles, Order Status, Products, & Categories</span></h2>
<p><span style="font-weight: 400">With the File upload for WooCommerce extension, you can choose to display the file upload option only for specific customers and desired products and categories. This will allow you to target the right audience and offer them a convenient and customized shopping experience. </span></p>
<p><span style="font-weight: 400">Additionally, you can choose the order status at which the customer will have permission to upload a custom file, ensuring smooth operations in your store.</span></p>
<p><img class="alignnone size-full wp-image-18734004244892" src="https://woocommerce.com/wp-content/uploads/2023/01/file-upload-for-woocommerce-9.jpg" alt="file upload for woocommerce" width="980" height="603" /></p>
<h2><span style="font-weight: 400">Charge a Fee & Display on Desired Pages </span></h2>
<p><span style="font-weight: 400">You can charge a fee for each file uploaded to your store. The fee can be displayed on the Product, Cart, and Checkout pages and applied as a whole or to each file separately. Furthermore, you can choose to charge a fixed amount or a percentage rate based on your requirements. </span></p>
<p><img class="alignnone size-full wp-image-18734004244900" src="https://woocommerce.com/wp-content/uploads/2023/01/file-upload-for-woocommerce-10.jpg" alt="file upload for woocommerce" width="980" height="603" /></p>
<h2>Customers can Drag & Drop their File Uploads (New)</h2>
<p>With the new update, customers can now drag & drop uploads by simply dragging their desired files to the upload box on any page!</p>
<p><img class="alignnone size-full wp-image-18734004261373" src="https://woocommerce.com/wp-content/uploads/2023/01/file-upload-for-woocommerce-gif.gif" alt="file upload for woocommerce" width="980" height="551" /></p>
<p> </p>
<h2><span style="font-weight: 400">Specify File Size and Types for Customers</span></h2>
<p><span style="font-weight: 400">With the plugin, you can restrict file sizes, the number of files, and file types that a user can upload. This step will give you more control over the type of files uploaded and allow for smooth order management. </span></p>
<p><span style="font-weight: 400">Once a file is uploaded, you can showcase custom success and error messages to keep users informed. To better manage approved and disapproved file uploads, you can also set up email notifications for store admins to keep them in the loop. </span></p>
<p><img class="alignnone size-full wp-image-18734004244912" src="https://woocommerce.com/wp-content/uploads/2023/01/file-upload-for-woocommerce-3.jpg" alt="file upload for woocommerce" width="980" height="603" /></p>
<div class="woocommerce-message" style="background-color: #127f6269;border-color: #c9e8a9;color: #000000;border-radius: 5px;margin: 2em 0;padding: 20px">
<h2 style="text-align: center"><em>Warning! File Upload Extension May Cause Increased Average Order Value, Enhanced Conversion, and Ultimate Customer Satisfaction.</em></h2>
<p style="text-align: center"><a class="wccom-button is-primary" style="font-weight: 400;text-decoration: none;width: 130px;background: #118567;border: none;color: #fff !important;line-height: 28px;padding: 10px 24px;font-size: 16px;margin: 24px auto 0" href="https://woocommerce.com/?add-to-cart=18734001294411" target="_blank" rel="noopener"><span class="wccom-button__text">Buy Now</span></a></p>
</div>
<h2><span style="font-weight: 400">Display Uploaded Files on Thank You, Order Details & My Account Pages</span></h2>
<p><span style="font-weight: 400">You can showcase the uploaded files on the Thank You, Order Details, and My Account Pages for customers to view and access anytime. Along with the files you can showcase the name, file type, size, and price details as well. </span></p>
<p><img class="alignnone size-full wp-image-18734004244907" src="https://woocommerce.com/wp-content/uploads/2023/01/file-upload-for-woocommerce-11.jpeg" alt="file upload for woocommerce" width="980" height="603" /></p>
<h2><span style="font-weight: 400">Customize File Upload Icon, Button, & Message Styling</span></h2>
<p><span style="font-weight: 400">Using the file upload for WooCommerce extension, you can highlight the file upload option on your store and customize the button, icon, and message styling. Enable custom styling on the cart, order, and checkout pages, add desired text, and choose colors for the Upload Button, Button Background, File Type and Size Message, etc. </span></p>
<p><img class="alignnone size-full wp-image-18734004244905" src="https://woocommerce.com/wp-content/uploads/2023/01/file-upload-for-woocommerce-5.jpg" alt="file upload for woocommerce" width="980" height="603" /></p>
<h2><span style="font-weight: 400">Allow Customers to Write Down Special Instructions Along with their Uploads</span></h2>
<p>With the customer upload file extension, you can also allow customers to add any special instructions they like to their file upload attachments. The admin then receives these instructions with the order, which ensures that the customer’s requirements are met accurately.</p>
<p><img class="alignnone size-full wp-image-18734004244960" src="https://woocommerce.com/wp-content/uploads/2023/01/file-upload-for-woocommerce-14.jpg" alt="file upload for woocommerce" width="980" height="603" /></p>
<h3>Requirements</h3>
<p>Minimum PHP version: 5.2</p>

File Upload

<p>Allow customers to upload files from product, cart, checkout and order detail page. Charge additional fees for uploads and restrict file upload facility by products, user roles, order statuses and more.</p>

Shop Page Quantity Selector vs File Upload