<p><span style="font-weight: 400">Allow customers to upload files with their orders to communicate their requirements. The WooCommerce Upload Files plugin is designed for stores selling customizable products, making it easier to collect customer-specific inputs directly through file attachments.</span></p>
<p><span style="font-weight: 400">You can place the “File Upload” button on the product page, cart page, or checkout page for maximum flexibility. The plugin supports file type and size restrictions, enabling you to accept only the formats you need.</span></p>
<p><span style="font-weight: 400">Store owners can limit file uploads to specific products, categories, or user roles to maintain control and relevance. This targeted functionality ensures that the feature appears only where it’s needed.</span></p>
<p><span style="font-weight: 400">By enabling file uploads, the plugin bridges the communication gap between customers and store owners, improves order accuracy, and streamlines the fulfillment process. The result: better user experience, efficient order management, and higher customer satisfaction.</span></p>
<h2><b>WooCommerce File Upload Plugin Features</b></h2>
<ul>
<li style="font-weight: 400"><span style="font-weight: 400">Add a file upload button to the product, cart, or checkout page.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Create multiple rules to manage the file upload option.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Customers can preview or delete files.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Allow single or multiple file uploads.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Determine specific file types and sizes for uploads.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Set a price to charge customers for file uploads.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Restrict rules by products, categories, and user roles.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Admin can approve/disapprove a file</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Email Notification to the customer on file to approve or disapprove</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Customize the upload file button (text, color, etc).</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Download file option for admin & customer</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Add custom file extensions</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Option to allow the customer to attach a note with each file upload</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Compatible with Cart/Checkout Blocks</span></li>
</ul>
<h2><span style="background-color: #beecba;font-family: 'Inter var', 'Inter Fallback', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;font-size: 16px;letter-spacing: -0.011em">This Plugin is fully compatible with HPOS(High-Performance Order Storage) and Multisite.</span></h2>
<h3><b>Upload Files on the Product Page</b></h3>
<p><span style="font-weight: 400">Allow customers to upload files directly on product pages using the WooCommerce File Uploads plugin. This feature lets users provide custom designs, documents, or images during product selection, making it easy to collect specific order requirements and enhance product personalization.</span></p>
<p><img class="aligncenter wp-image-18734001245136 size-full" src="https://woocommerce.com/wp-content/uploads/2020/09/1-12.png" alt="Display the upload file button on the product page" width="711" height="748" /></p>
<h3><b>Let Customers Upload Files on the Cart Page</b></h3>
<p><span style="font-weight: 400">Allow customers to upload files directly from the cart page using the WooCommerce File Upload plugin. This feature streamlines the process by attaching necessary documents before checkout, reducing the need for follow-up emails or unclear order notes. It ensures accurate instructions are submitted with the order, improving efficiency and customer satisfaction.</span></p>
<p><img class="aligncenter wp-image-18734001245140 size-full" src="https://woocommerce.com/wp-content/uploads/2020/09/2-4.png" alt="Enable file upload on the cart page" width="788" height="746" /></p>
<h3><b>Enable File Upload on the Checkout Page</b></h3>
<p><span style="font-weight: 400">Let customers upload important files directly during checkout using the WooCommerce Checkout Files Upload feature. A dedicated upload button allows users to attach order specifications or required documents, simplifying the process and ensuring you receive all necessary information with the order.</span></p>
<p><img class="aligncenter wp-image-18734001245141 size-full" src="https://woocommerce.com/wp-content/uploads/2020/09/3-12.png" alt="Allow file upload on the checkout page" width="916" height="588" /></p>
<h3><b>Customers can Preview, Replace, and Delete Files</b></h3>
<p><span style="font-weight: 400">Customers can immediately view their uploaded files to confirm accuracy before final submission. This feature helps prevent mistakes and ensures that only the correct files are attached to the order. Files can also be deleted and re-uploaded as needed.</span></p>
<p><img class="aligncenter wp-image-18734001245144 size-full" src="https://woocommerce.com/wp-content/uploads/2020/09/5-6.png" alt="Customers can preview and delete files" width="775" height="683" /></p>
<h3><b>Update Uploaded Files After Placing an Order</b></h3>
<h3><span style="font-weight: 400">If the order status is pending or on hold, customers can update or remove uploaded files directly from the </span><b>My Account</b><span style="font-weight: 400"> page. This feature ensures that any last-minute changes or corrections to the uploaded files can be made without canceling or editing the entire order.</span></h3>
<p><img class="aligncenter wp-image-18734003476418 size-full" src="https://woocommerce.com/wp-content/uploads/2020/09/update.png" alt="Update your uploaded files even after placing your order" width="667" height="481" /></p>
<h3><b>Let Customers Upload Multiple Files for a Single Product</b></h3>
<p><span style="font-weight: 400">Allow customers to upload multiple files at once using the WooCommerce Product File Upload plugin. This functionality helps store owners collect detailed requirements and customization inputs more efficiently. Customers can select and upload one or several files in a single action, streamlining the order process.</span></p>
<p><img class="aligncenter wp-image-18734001245146 size-full" src="https://woocommerce.com/wp-content/uploads/2020/09/6-6.png" alt="Allow multiple file uploads" width="777" height="763" /></p>
<h3><b>Customers can Attach Notes with Uploaded Files for Additional Information</b></h3>
<p><span style="font-weight: 400">Let customers upload files with an accompanying note for each file. This helps communicate specific instructions or requirements clearly, reducing the chance of errors and improving order processing speed. Admins can make the note field mandatory to ensure all essential details are provided, improving workflow accuracy and customer experience.</span></p>
<p><img class="aligncenter wp-image-18734001245143 size-full" src="https://woocommerce.com/wp-content/uploads/2020/09/4-6.png" alt="Allow customer to attach a note with each file upload" width="783" height="760" /></p>
<h3><b>Admin can Approve/Disapprove Files</b></h3>
<p><span style="font-weight: 400">Store admins can review and manually approve or reject customer-uploaded files from the backend panel. The system automatically notifies customers via email once a file is approved or disapproved.</span></p>
<p><img class="aligncenter wp-image-7224829 size-full" src="https://woocommerce.com/wp-content/uploads/2020/09/product-file.png" alt="upload files - Approve / Disapprove File" width="653" height="324" /></p>
<h3><b>Email Notification on File Approval or Rejection</b></h3>
<p><span style="font-weight: 400">Customers will receive an email notification when the admin approves or rejects their uploaded files. This keeps them informed about the status of their submission without requiring manual follow-up.</span></p>
<p><img class="aligncenter wp-image-7224832 size-full" src="https://woocommerce.com/wp-content/uploads/2020/09/email-notifications.png" alt="Email notification on file approves or disapproves" width="791" height="305" /></p>
<h3><b>Set File Types and Size Limits</b></h3>
<p><span style="font-weight: 400">The WooCommerce Upload Files plugin allows you to define specific file types for uploads, such as JPEG, PNG, and others. You can also configure file size limits in kilobytes (KB), megabytes (MB), or gigabytes (GB). Keep in mind that the maximum upload size cannot exceed the server’s configured limit.</span></p>
<p><img class="aligncenter wp-image-18734001245151 size-full" src="https://woocommerce.com/wp-content/uploads/2020/09/7-5.png" alt="woocommerce upload files - Set files type and size" width="774" height="638" /></p>
<h3><b>Restrict File Uploads by Products, Categories, or User Roles</b></h3>
<p><span style="font-weight: 400">Control where and to whom the file upload option is available by restricting it based on specific products, categories, or user roles. Select the restriction type, then assign individual products or categories where the upload button should appear. You can also limit access by user role, allowing file uploads only for selected roles such as customers or subscribers, while preventing others, like contributors, from uploading attachments.</span></p>
<p><strong><img class="aligncenter wp-image-6454399 size-full" src="https://woocommerce.com/wp-content/uploads/2020/09/specifc-product.png" alt="Restrict uploads by products or categories" width="713" height="324" /></strong></p>
<h3><strong>Restrict by user roles </strong></h3>
<p><span style="font-weight: 400">You can limit file uploads to store users with specific roles. For example, you can allow only customers and subscribers to upload files but restrict contributors from uploading the attachments.</span></p>
<p><strong><img class="aligncenter wp-image-6454403 size-full" src="https://woocommerce.com/wp-content/uploads/2020/09/User-role-.png" alt="Upload files for WooCommerce - Restrict by user roles" width="724" height="244" /></strong></p>
<h3><b>Charge for File Uploads or Offer Discounts</b></h3>
<p><span style="font-weight: 400">The WooCommerce Upload Files to Order plugin lets you assign a fixed or custom price to each uploaded file. Use it as a product add-on to charge customers for customizations or special requests. You can also configure discounts per file upload to encourage more user interaction and increase conversions.</span></p>
<p><img class="aligncenter wp-image-18734001245156 size-full" src="https://woocommerce.com/wp-content/uploads/2020/09/8-5.png" alt="Charge customers for file uploads & offer discount" width="835" height="539" /></p>
<h3><b>Add Custom File Extensions</b></h3>
<p><span style="font-weight: 400">Admins can define additional file extensions that are not supported by default in the WooCommerce Upload Files plugin. To allow multiple file types, enter the desired extensions separated by commas.</span></p>
<p><img class="aligncenter wp-image-18734003180795 size-full" src="https://woocommerce.com/wp-content/uploads/2020/09/44444_0fda28.png" alt="Add custom file extensions" width="1104" height="439" /></p>
<h3><b>Admin can Attach Feedback Notes for Uploaded Files</b></h3>
<p><span style="font-weight: 400">Store admins can add feedback notes to accepted or rejected files. This feature simplifies communication and streamlines the file review process by allowing notes to be added directly within the WooCommerce admin panel.</span></p>
<p><img class="aligncenter wp-image-18734003476422 size-full" src="https://woocommerce.com/wp-content/uploads/2020/09/reason.png" alt="Admin can attach feedback notes" width="715" height="448" /></p>
<h3><b>Crop Images Before Uploading</b></h3>
<p><span style="font-weight: 400">Customers can crop their images before uploading to include only the relevant content. This ensures that only the necessary information is submitted, improving clarity and reducing the chance of miscommunication.</span></p>
<p><img class="aligncenter wp-image-18734003476424 size-full" src="https://woocommerce.com/wp-content/uploads/2020/09/Crop.png" alt="Crop images before uploading" width="1010" height="589" /></p>
<h3><b>File Upload Progress Bar for Large Files</b></h3>
<p><span style="font-weight: 400">The plugin displays a file upload progress bar to help customers monitor the upload status of large files. It provides real-time feedback for file types such as images, audio, and video. This improves the user experience and increases reliability during the upload process.</span></p>
<p><img class="aligncenter wp-image-18734003476426 size-full" src="https://woocommerce.com/wp-content/uploads/2020/09/bar.png" alt="File upload progress bar for large files" width="1008" height="355" /></p>
<h3><b>File Upload Counter in the Orders Section</b></h3>
<p><span style="font-weight: 400">The WooCommerce Upload My File plugin displays the total number of files uploaded by the customer for each order. This file count appears directly in the orders section next to the customer’s name, allowing store admins to quickly review uploads without opening individual orders.</span></p>
<p><img class="size-medium wp-image-18734005897506 aligncenter" src="https://woocommerce.com/wp-content/uploads/2020/09/Upload-counter-image.png?w=767" alt="" width="767" height="394" /></p>
<h3><b>Admin can View Uploaded Files in the Order Details</b></h3>
<p><span style="font-weight: 400">Admins can access uploaded files and customer notes directly from the order details page. This allows for quick review and accurate understanding of customer requirements, helping ensure correct order fulfillment.</span></p>
<p><img class="aligncenter wp-image-6454416 size-full" src="https://woocommerce.com/wp-content/uploads/2020/09/admin-preview-1.png" alt="Admin can view uploaded files" width="916" height="436" /></p>
<h3><b>Upload Multiple Files via Pop-Up</b></h3>
<p><span style="font-weight: 400">Enable users to upload multiple files through a single upload button. When clicked, the button triggers a pop-up containing multiple file upload fields. This keeps the interface clean while allowing multiple file uploads. Admins can also include a checkbox to request user consent for using the uploaded files in future marketing activities.</span></p>
<h3><img class="aligncenter wp-image-18734003180782 size-full" style="font-family: 'Inter var', 'Inter Fallback', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;font-size: 16px;letter-spacing: -0.011em" src="https://woocommerce.com/wp-content/uploads/2020/09/2024-01-24_11-55-02-1.png" alt="Upload Multiple Files in a Pop-Up" width="1080" height="601" /></h3>
<p> </p>
<h2>Compatibility</h2>
<p>Our plugins are designed to be highly versatile and also compatible with the most commonly used themes, browsers, builders, and mobile views. We understand the importance of flexibility and integration when it comes to enhancing your website’s functionality. Our plugins can effortlessly integrate with the following:</p>
<h3>Themes Compatibility</h3>
<ul>
<li>Store Front</li>
<li>Avada</li>
<li>Flatsome</li>
<li>Porto</li>
<li>Woodmart</li>
<li>WooCommerce default theme</li>
<li>Divi</li>
</ul>
<h3>Builders</h3>
<ul>
<li>Elementor</li>
<li>Bakery</li>
<li>Divi</li>
</ul>
<h3>Also Compatible with</h3>
<ul>
<li>Multi-Site</li>
<li>PHP 8</li>
<li>Mobile Layouts</li>
</ul>
<h3>Get started</h3>
<ol>
<li>Purchase <strong>Customer Upload Files for WooCommerce</strong> from WooCommerce.com.</li>
<li>Download and install the extension.</li>
<li>Activate the extension.</li>
<li>Go to <strong>WooCommerce > Settings > Upload File</strong> to add rules to enable upload file for customers.</li>
<li>Read the full installation guide <a href="https://woocommerce.com/document/2-0/upload-files-on-product-cart-checkout-page-in-woocommerce/">here</a></li>
</ol>
<p> </p>
<h3><strong>Requirements</strong></h3>
<p>Minimum PHP version: 5.2</p>
<table class="borderless">
<tbody>
<tr>
<td><img class="alignnone wp-image-18734002262567" src="https://woocommerce.com/wp-content/uploads/2014/08/unnamed-1.png?w=320" alt="WooCommerce Upload Files - documentation" width="120" height="105" /></td>
<td>
<h2>Documentation</h2>
<p>Looking for assistance? Check out the extensive documentation for a complete understanding of the WooCommerce Customer Upload Files plugin.</p>
<h4><a href="https://woocommerce.com/document/upload-files-on-product-cart-checkout-page-in-woocommerce/" target="_blank" rel="noopener">View documentation</a></h4>
</td>
</tr>
</tbody>
</table>
<table class="borderless">
<tbody>
<tr>
<td><img class="alignnone wp-image-18734002262567" src="https://fmablog.fmeaddons.com/wp-content/uploads/2023/10/Questions-and-Support.png" alt="woocommerce FmeAddons Support" width="120" height="105" /></td>
<td>
<h2><span style="font-family: sans-serif"><span style="font-size: 16px;font-weight: 400;letter-spacing: -0.176px">Questions and Support</span></span></h2>
<p>For Questions and Support: If you have inquiries before making a purchase or require assistance, don’t hesitate to contact our support team.</p>
<p><a style="font-weight: 400" href="mailto:support@fmeaddons.com">Send email</a></td>
</tr>
</tbody>
</table>

Customer Upload Files

<p>Upload Files on the Product, Cart, and Checkout pages of your WooCommerce store and allow customers to provide necessary additional information.</p>

<h2 class="wp-block-heading">The original Gravity Forms integration for WooCommerce</h2>
<p>Gravity Forms Product Add-Ons has been connecting Gravity Forms to WooCommerce since 2011 — years before any alternative existed. It is the original, official integration on the WooCommerce Marketplace, maintained continuously through every major release of both Gravity Forms and WooCommerce for over 13 years.</p>
<p>Some products need more than a price and an “Add to Cart” button. Custom orders, build-your-own products, service requests, donation pages, personalized items — these all require collecting structured information from the customer before checkout. This extension bridges that gap by connecting WooCommerce directly to the form builder you already know.</p>
<p>Attach any Gravity Form to any WooCommerce product — simple, variable, or subscription — and the form becomes part of the product page. Customers fill out the form, pricing updates in real time, and every detail flows through the cart, checkout, order confirmation, and admin screens exactly where you need it.</p>
<figure class="wp-block-image size-large"><img class="wp-image-18734006414340" src="https://woocommerce.com/wp-content/uploads/2011/12/gfpa-product-page-multi-step-form.png" alt="Multi-step product configuration form with hardware options and real-time pricing" /><figcaption class="wp-element-caption">A multi-page product form with hardware configuration options and real-time price calculation.</figcaption></figure>
<h2 class="wp-block-heading">Real-time pricing that reflects every choice</h2>
<p>When customers select options that affect cost, the product price updates dynamically on the page. Use Gravity Forms pricing fields — products, options, quantities, and shipping — and the extension calculates the total in real time. Customers see exactly what they are paying for before they add anything to the cart.</p>
<p>You have full control over how pricing appears. Display the base price with a label like “Starting at $50”, hide the default WooCommerce price entirely for quote-based products, or customize the subtotal, options, and grand total labels individually. The pricing display adapts to your business model, not the other way around.</p>
<figure class="wp-block-image size-large"><img class="wp-image-18734006414341" src="https://woocommerce.com/wp-content/uploads/2011/12/gfpa-cart-with-form-data.png" alt="WooCommerce cart showing detailed form field data for a configured product" /><figcaption class="wp-element-caption">Every form selection flows into the cart as detailed line item metadata.</figcaption></figure>
<h2 class="wp-block-heading">Deep WooCommerce integration — not just a form embed</h2>
<p>This is not a shortcode that drops a form on a page. Gravity Forms Product Add-Ons is engineered to integrate at every level of the WooCommerce purchase flow:</p>
<ul class="wp-block-list">
<li><strong>Smart cart handling</strong> — Each unique form configuration is tracked as a distinct cart item. Identical configurations are automatically grouped and their quantities incremented. No duplicates, no confusion.</li>
<li><strong>Complete order data</strong> — Every field the customer fills out appears as order item metadata, visible in admin order screens, customer emails, order confirmations, and the My Account order view. Nothing is lost between the form and the order.</li>
<li><strong>One-to-one entry linking</strong> — Each order line item creates a proper Gravity Forms entry, linked directly to the WooCommerce order item. Jump from the order to the entry, or from the entry back to the order. Transaction status, payment details, and order status sync automatically as the order progresses.</li>
<li><strong>Cart editing</strong> — Let customers click an item in the cart to return to the product page with their previous selections pre-filled, then update and replace the item. No need to remove and re-add.</li>
<li><strong>Reorder support</strong> — Customers can reorder previous purchases with form data pre-populated from the original order, making repeat purchases fast and accurate.</li>
<li><strong>Inventory-aware stock management</strong> — Map a form quantity field to control WooCommerce stock deductions, so inventory stays accurate even when quantities come from form input rather than the standard quantity selector.</li>
<li><strong>Entry export with WooCommerce context</strong> — Export Gravity Forms entries with associated order number, order status, product name, and other WooCommerce fields included. Filter exports by order status to work only with completed, refunded, or any other status you need.</li>
<li><strong>Notification control</strong> — Gravity Forms notifications are suppressed by default during the add-to-cart process and only fire when the actual order is placed. Enable or disable notifications per product to match your workflow.</li>
</ul>
<figure class="wp-block-image size-large"><img height="584" width="1200" class="wp-image-18734006414342" src="https://woocommerce.com/wp-content/uploads/2011/12/gfpa-admin-product-configuration.png" alt="Product editor showing Gravity Forms configuration with expandable settings panels" /><figcaption class="wp-element-caption">Setup is simple: choose a form, then fine-tune pricing display, calculations, entries, and advanced options.</figcaption></figure>
<h2 class="wp-block-heading">Use the full power of Gravity Forms</h2>
<p>Build your product forms with the same tools you use everywhere else in Gravity Forms. Conditional logic, multi-page forms, file uploads, date pickers, address fields, calculations, conditional submit button logic — it all works. If you can build it in Gravity Forms, you can attach it to a WooCommerce product.</p>
<p>Pricing fields (products, options, totals, quantity, shipping) integrate directly with the WooCommerce cart total. Standard and advanced fields (text, dropdowns, checkboxes, radio buttons, numbers, names, email, phone, file upload, list fields, and more) pass their data through to orders and emails seamlessly.</p>
<h2 class="wp-block-heading">Broad compatibility with the tools you already use</h2>
<p>Gravity Forms Product Add-Ons works with the WooCommerce and Gravity Forms ecosystem — not against it:</p>
<ul class="wp-block-list">
<li><strong>Simple and variable products</strong> — Attach forms to any product type. For variable products, the form appears after a variation is selected.</li>
<li><strong>WooCommerce Subscriptions</strong> — Full support for subscription products, including proper entry handling on renewal orders.</li>
<li><strong>WooCommerce Bookings</strong> — Attach configuration forms to bookable products.</li>
<li><strong>WooCommerce Dynamic Pricing</strong> — When Dynamic Pricing is active, the real-time price calculation automatically factors in pricing rules alongside form option costs. Both extensions are built by Element Stark and are designed to work together.</li>
<li><strong>WooCommerce Bulk Variations</strong> — Attach a separate form specifically for the bulk order view. Also built by Element Stark.</li>
<li><strong>Gravity Perks Nested Forms</strong> — Compatible with Gravity Wiz nested form fields for complex multi-item configurations.</li>
<li><strong>Quick View Pro</strong> — Forms render and function correctly inside quick view modals.</li>
<li><strong>WooCommerce Cart and Checkout Blocks</strong> — Fully compatible with the modern block-based cart and checkout experience.</li>
<li><strong>High-Performance Order Storage (HPOS)</strong> — Built for WooCommerce’s current order storage architecture.</li>
</ul>
<h2 class="wp-block-heading">Structured data and SEO control</h2>
<p>When your product’s base price is $0 because the real price comes from form options, Google’s structured data can display incorrect pricing. This extension lets you override the structured data price range so search engines show accurate information for your configurable products — no additional SEO plugin required.</p>
<h2 class="wp-block-heading">Built for developers who need to extend it</h2>
<p>Dozens of filters and actions let you customize every aspect of the integration — cart item data, order meta display, pricing calculations, field visibility, notification behavior, validation messages, and more. Full support for Gravity Forms logging makes debugging straightforward. The codebase has been refined over 13 years of real-world store usage, and the hooks are stable and well-documented.</p>
<h2 class="wp-block-heading">See it in action</h2>
<p>Browse the <a href="https://www.elementstark.com/woocommerce-extension-demos/product-category/gravity-forms/">live demo store</a> to see Gravity Forms Product Add-Ons working with pizza builders, donation forms, configurable book products, and more.</p>
<p><strong>Requirement:</strong> This extension requires the <a href="https://www.gravityforms.com/">Gravity Forms</a> plugin (any license level). Gravity Forms is sold separately.</p>
<p> </p>

Gravity Forms Product Add-ons

<p><strong data-start="83" data-end="141">Turn Gravity Forms into powerful WooCommerce products. </strong>Capture custom data, update pricing in real time, and carry every detail through cart, checkout, and orders. Trusted, proven, and the original Gravity Forms integration for WooCommerce.</p>

Customer Upload Files vs Gravity Forms Product Add-ons