File upload for WooCommerce allows customers to attach files to their orders on multiple pages, ensuring smooth communication for customizable products. Store owners can charge a fee per upload, either as a fixed amount or a percentage.
File Uploader helps store owners sell personalized products by adding a “File Upload” button on product, cart, and checkout pages. Customers can even modify their uploaded files on the ‘thank you’ page after ordering. Admins can set file type and size restrictions and limit uploads to specific products, categories, or user roles.
<h2>Features list:</h2>
<ul>
<li style="font-weight: 400">Allow single or multiple file uploads.</li>
<li style="font-weight: 400">Include a file upload option on product, cart, and checkout pages.</li>
<li style="font-weight: 400">Allow customers to drag and drop files for upload (New)</li>
<li style="font-weight: 400">Allow customers to preview or delete files before purchase.</li>
<li style="font-weight: 400">Restrict uploads by file type, size, product, category, or user role.</li>
<li style="font-weight: 400">Set a fee for file uploads.</li>
<li style="font-weight: 400">Display File upload button via Short Code (New)</li>
<li style="font-weight: 400">Let customers attach a note with each upload.</li>
<li style="font-weight: 400">Upload the file on the Thank you and Account page after the order. (New)</li>
<li style="font-weight: 400">Admin can approve or reject files and notify customers via email.</li>
<li style="font-weight: 400">Customize the upload button’s text and color.</li>
<li style="font-weight: 400">Admins and customers can download uploaded files.</li>
<li style="font-weight: 400">Connect Google Drive to save uploaded files (New)</li>
<li style="font-weight: 400">Choose a custom folder to store files (New)</li>
<li style="font-weight: 400">Customers can modify their uploaded files after placing an order.</li>
<li style="font-weight: 400">Compatible with Cart/Checkout Blocks</li>
</ul>
<h3>Display the upload file button on the product page</h3>
Let customers personalize their orders effortlessly with the upload file for WooCommerce. This feature allows them to upload files directly to the product page, customizing their orders according to their preferences.
<img class="aligncenter wp-image-18734004293880 size-full" src="https://woocommerce.com/wp-content/uploads/2024/10/Screenshot-from-2024-10-08-10-55-53.png" alt="WooCommerce upload file for product " width="847" height="477" />
 
<h3>Add File Upload Option to the Cart Page</h3>
Customer upload files for WooCommerce lets your customers upload files on the cart page. This removes the hassle of back-and-forth emails or order notes, providing clear instructions directly with the selected products.
<img class="aligncenter wp-image-18734005588337 size-full" src="https://woocommerce.com/wp-content/uploads/2024/10/image-8.png" alt="" width="751" height="750" />
 
<h3>Allow file upload on the checkout page</h3>
Allow your customers to easily add important files directly at the WooCommerce checkout page. This straightens out the ordering process for your customers and enables you to gather all the relevant details or order specifications in one place.
<img class="aligncenter wp-image-18734005588338 size-full" src="https://woocommerce.com/wp-content/uploads/2024/10/image-1-1.png" alt="" width="756" height="849" />
 
<h3>Upload File with Drag and Drop Option (New)</h3>
Customers can upload the desired file more easily with the drag-and-drop option. Instead of browsing through folders to select a file, users can simply drag the desired file and drop it into the upload area.
<h3>Allow File Upload and Modifications on the Thank You page</h3>
Allow customers to upload or update their files directly from the Thank You page after placing an order. If they forget to attach a file or need to replace an incorrect one, they can quickly do it without contacting support. This helps reduce order errors and ensures you receive the correct files on time.
<img class="aligncenter wp-image-18734004293892 size-full" src="https://woocommerce.com/wp-content/uploads/2024/10/Screenshot-from-2024-10-08-11-01-04.png" alt="order details for product" width="868" height="515" />
 
<h3>Modify and Upload Files on the My Account Page</h3>
Give customers the flexibility to upload and manage their files from the My Account page. From the Orders section, they can add new files, update existing uploads, preview attachments, and check file status, making file handling simple and organized.
<img class="aligncenter wp-image-18734004293894 size-full" src="https://woocommerce.com/wp-content/uploads/2024/10/Screenshot-from-2024-10-08-11-01-54.png" alt="Uploaded file modification" width="904" height="549" />
 
<h3>Customers can preview and delete files</h3>
File Uploader for WooCommerce allows customers to instantly preview their uploaded documents and verify whether they have attached the correct information. They can delete or replace files if need be. This convenient feature saves time and frustration by allowing customers to catch errors before or after submitting their files.
<img class="size-medium wp-image-18734006269543 aligncenter" src="https://woocommerce.com/wp-content/uploads/2024/10/Customers-can-preview-and-delete-files.png?w=782" alt="Customers can preview and delete files" width="782" height="736" />
<h3>Support Multiple File Uploads for Orders</h3>
Customers can now upload multiple files across different pages, making it easier for them to communicate their needs and customization preferences without limitation. File upload for WooCommerce allows single or multiple file uploads in one go, ensuring clear and efficient order processing.
<img class="size-medium wp-image-18734006269545 aligncenter" src="https://woocommerce.com/wp-content/uploads/2024/10/Support-Multiple-File-Uploads-for-Orders.png?w=782" alt="Support Multiple File Uploads for Orders" width="782" height="736" />
<h3>Display File Upload Button Via Short Code (New)</h3>
Upload file for WooCommerce makes it easy to add the upload button anywhere on your site. You can use a simple shortcode with popular page builders like Elementor, WPBakery, Divi, and more. For regular WooCommerce product pages, the upload button is added automatically using hooks. This gives you full flexibility to place the upload field exactly where you need it.
<img class="size-medium wp-image-18734006364076 aligncenter" src="https://woocommerce.com/wp-content/uploads/2024/10/Display-File-Upload-Button-Via-Short-Code.png?w=896" alt="Display File Upload Button Via Short Code" width="896" height="140" />
<h3>Attach a Note to Each File Upload</h3>
Allow customers to upload files along with detailed notes that contain additional information. Notes may contain clearer instructions and specific requirements, allowing little room for errors. Notes can be made compulsory by the admin to ensure that all the required details are mentioned.
<img class="aligncenter wp-image-18734004293912 size-full" src="https://woocommerce.com/wp-content/uploads/2024/10/Screenshot-from-2024-10-08-11-06-49.png" alt="File upload note attachment" width="757" height="718" />
<h3>Approve / Disapprove File</h3>
Files can be accepted or rejected by the admin through the back-end. Customers will be notified via email upon acceptance or rejection of their provided files. You can also accept or reject files that are attached to the whole order. Once the uploaded file is accepted, customers will not be able to modify or change the file.
<img class="size-medium wp-image-18734006364089 aligncenter" src="https://woocommerce.com/wp-content/uploads/2024/10/Approve-Disapprove-File.png?w=896" alt="Approve-Disapprove File" width="896" height="232" />
<h3>Set file type and size</h3>
File Uploader lets you choose which file formats are allowed for uploading, such as JPEG or PNG files. You can also set limitations to how big a file size can be, as long as it does not exceed the server’s upload limit.
<img class="aligncenter wp-image-18734004293936 size-full" src="https://woocommerce.com/wp-content/uploads/2024/10/Screenshot-from-2024-10-08-11-13-00.png" alt="Set file type and size" width="952" height="389" />
<h3>Restrict uploads by products or categories</h3>
<h3>You can add restrictions to file uploads based on specific products or categories. It only shows the upload file option when a particular product or product from a specific category is added to the cart.</h3>
<img class="aligncenter wp-image-18734004293938 size-full" src="https://woocommerce.com/wp-content/uploads/2024/10/Screenshot-from-2024-10-08-11-15-14.png" alt="Restrict uploads by products or categories" width="818" height="162" />
<h3>User Roles Based Restriction</h3>
File uploads can be limited for users according to their role. For instance, contributors can be restricted from uploading files while customers or subscribers can.
<img class="aligncenter wp-image-18734004293939 size-full" src="https://woocommerce.com/wp-content/uploads/2024/10/Screenshot-from-2024-10-08-11-16-07.png" alt="Restrict user roles" width="828" height="309" />
<h3>Charges and Discounts for File Uploads </h3>
Customer upload files for WooCommerce allows you to charge for each file uploaded by the customer. This may also act as a product add-on where charges apply for every customization request made by the customer. Along with that, discounts can also be offered for each file uploaded.
<img class="aligncenter wp-image-18734004293947 size-full" src="https://woocommerce.com/wp-content/uploads/2024/10/Screenshot-from-2024-10-08-11-13-00-Copy.png" alt="Charge customer for file upload" width="952" height="389" />
<h3>Flexible File Upload Pricing Options</h3>
Choose how you want to charge for file uploads and make pricing simple and transparent for your customers. You can choose from:
<ul>
<li style="font-weight: 400">Price per file upload: Charge customers for each file they upload, ideal for custom or print-based products requiring separate processing.</li>
<li style="font-weight: 400">Apply fee to Item Subtotal: Apply a fixed fee once per order, regardless of the number of files or products, keeping pricing clear and straightforward.</li>
</ul>
<img class="size-medium wp-image-18734006364094 aligncenter" src="https://woocommerce.com/wp-content/uploads/2024/10/Flexible-File-Upload-Pricing-Options.png?w=896" alt="Flexible File Upload Pricing Options" width="896" height="259" />
<h3>Admin can attach feedback notes</h3>
For every accepted or rejected file, a feedback note can be attached by the store admin. The file review process is improved through this and communication becomes more direct within your WooCommerce store.
<img class="aligncenter wp-image-18734004293951 size-full" src="https://woocommerce.com/wp-content/uploads/2024/10/Screenshot-from-2024-10-08-11-20-45.png" alt="Feedback notes to file" width="602" height="411" />
<h3>Integrate Google Drive to Store Uploaded Files (New)</h3>
Connect your store with Google Drive to store the files that customers upload. It helps you offloads file storage from your hosting server, reducing disk usage and ensuring optimal site performance.
<img class="size-medium wp-image-18734006505254 aligncenter" src="https://woocommerce.com/wp-content/uploads/2024/10/Integrate-Google-Drive-to-Store-Uploaded-Files.png?w=896" alt="Integrate Google Drive to Store Uploaded Files" width="896" height="342" />
 
<h3>Store Uploaded File in Custom Folder (New)</h3>
File uploader allows you to save customers uploaded files in a dedicated folder. This helps store admins keep customer uploads organized and prevents them from being mixed with product images or other store data.
<img class="size-medium wp-image-18734006505259 aligncenter" src="https://woocommerce.com/wp-content/uploads/2024/10/Store-Uploaded-File-in-Custom-Folder.png?w=896" alt="Store Uploaded File in Custom Folder" width="896" height="160" />
<h3>Admin can view uploaded files</h3>
Notes and files can be viewed by the admin by clicking on the order. This helps the admin get a better idea about the customer’s requirements.
<img class="aligncenter wp-image-18734004293953 size-full" src="https://woocommerce.com/wp-content/uploads/2024/10/Screenshot-from-2024-10-08-11-21-40.png" alt="" width="874" height="321" />

File Uploader

Allow customers to upload files on the product, cart, and checkout page, and modify uploaded files on the Thank you page, or Account page to sell custom products easily.

<h2 class="wp-block-heading">The original Gravity Forms integration for WooCommerce</h2>
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.
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.
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.
<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>
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.
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.
<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>
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:
<ul class="wp-block-list">
<li>Smart cart handling — 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>Complete order data — 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>One-to-one entry linking — 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>Cart editing — 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>Reorder support — Customers can reorder previous purchases with form data pre-populated from the original order, making repeat purchases fast and accurate.</li>
<li>Inventory-aware stock management — 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>Entry export with WooCommerce context — 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>Notification control — 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>
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.
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.
<h2 class="wp-block-heading">Broad compatibility with the tools you already use</h2>
Gravity Forms Product Add-Ons works with the WooCommerce and Gravity Forms ecosystem — not against it:
<ul class="wp-block-list">
<li>Simple and variable products — Attach forms to any product type. For variable products, the form appears after a variation is selected.</li>
<li>WooCommerce Subscriptions — Full support for subscription products, including proper entry handling on renewal orders.</li>
<li>WooCommerce Bookings — Attach configuration forms to bookable products.</li>
<li>WooCommerce Dynamic Pricing — 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>WooCommerce Bulk Variations — Attach a separate form specifically for the bulk order view. Also built by Element Stark.</li>
<li>Gravity Perks Nested Forms — Compatible with Gravity Wiz nested form fields for complex multi-item configurations.</li>
<li>Quick View Pro — Forms render and function correctly inside quick view modals.</li>
<li>WooCommerce Cart and Checkout Blocks — Fully compatible with the modern block-based cart and checkout experience.</li>
<li>High-Performance Order Storage (HPOS) — Built for WooCommerce’s current order storage architecture.</li>
</ul>
<h2 class="wp-block-heading">Structured data and SEO control</h2>
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.
<h2 class="wp-block-heading">Built for developers who need to extend it</h2>
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.
<h2 class="wp-block-heading">See it in action</h2>
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.
Requirement: This extension requires the <a href="https://www.gravityforms.com/">Gravity Forms</a> plugin (any license level). Gravity Forms is sold separately.

Gravity Forms Product Add-ons

Turn Gravity Forms into powerful WooCommerce products. 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.

File Uploader vs Gravity Forms Product Add-ons