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>Create custom fields for products using the extensive capabilities of WS Form PRO</h2>
<a href="https://wsform.com">WS Form PRO</a> is a powerful form development plugin for WordPress.
This extension allows you to create customizable products using <a href="https://wsform.com/knowledgebase_category/field-types/" target="_blank" rel="noopener noreferrer">60+ field types</a>, <a href="https://wsform.com/knowledgebase/conditional-logic/" target="_blank" rel="noopener noreferrer">conditional logic</a>, <a href="https://wsform.com/knowledgebase/repeatable-sections/" target="_blank" rel="noopener noreferrer">repeaters</a>, <a href="https://wsform.com/knowledgebase/tabs/" target="_blank" rel="noopener noreferrer">multiple steps</a> and more!
You can use this extension to request additional information about a product before it is added to the cart. Furthermore, it works with popular WooCommerce extensions such as QuickView, Wishlist and Dynamic Pricing.
<div class="woo-sc-box normal">This extension requires you to own the <a title="WS Form PRO" href="https://wsform.com/" target="_blank" rel="noopener noreferrer">WS Form PRO</a> plugin.</div>
<h2>Example Use Cases</h2>
<ul>
<li><a href="https://woocommerce.wsform.com/product/t-shirt/" target="_blank" rel="noopener noreferrer">Interactive product configurators</a></li>
<li><a href="https://woocommerce.wsform.com/product/make-a-donation/" target="_blank" rel="noopener noreferrer">Donation or ‘name your price’ products</a></li>
<li><a href="https://woocommerce.wsform.com/product/repeatable-sections/" target="_blank" rel="noopener noreferrer">Repeatable sections of fields</a></li>
<li><a href="https://woocommerce.wsform.com/product/woocommerce-field-types/" target="_blank" rel="noopener noreferrer">Placing ‘Add to Cart’ in a desired location</a></li>
<li><a href="https://woocommerce.wsform.com/product/multi-tab/" target="_blank" rel="noopener noreferrer">Multi-step product configurators</a></li>
<li><a href="https://woocommerce.wsform.com/product/calculations/" target="_blank" rel="noopener noreferrer">Complex price calculations</a></li>
<li><a href="https://woocommerce.wsform.com/product/file-upload/" target="_blank" rel="noopener noreferrer">File uploads</a></li>
<li><a href="https://woocommerce.wsform.com/product/google-map/" target="_blank" rel="noopener noreferrer">Google maps</a></li>
<li><a href="https://woocommerce.wsform.com/product/color-swatches/" target="_blank" rel="noopener noreferrer">Color swatch selectors</a></li>
</ul>
… and more! Visit the <a href="https://woocommerce.wsform.com/" target="_blank" rel="noopener noreferrer">demo website</a> to see more examples.
<h2>Key Features</h2>
<ul>
<li>A fully integrated solution that fits seamlessly into your product pages</li>
<li>Assign forms to individual products, all products, product categories and tags</li>
<li>Use any <a href="https://wsform.com/knowledgebase_category/field-types/" target="_blank" rel="noopener noreferrer">WS Form PRO field type</a></li>
<li>Create dynamic product pricing by using the <a href="https://wsform.com/knowledgebase_category/field-types-ecommerce/" target="_blank" rel="noopener noreferrer">WS Form e-commerce field types</a> with real-time price updates</li>
<li>Customize the position of ‘Add to Cart’, ‘Quantity’ and other WooCommerce product page elements in your form</li>
<li>Customize the WooCommerce ‘Add to Cart’ button and price format</li>
<li><a href="https://wsform.com/knowledgebase/calculated-fields/" target="_blank" rel="noopener noreferrer">Calculated fields</a></li>
<li><a href="https://wsform.com/knowledgebase/conditional-logic/" target="_blank" rel="noopener noreferrer">Conditional logic</a></li>
<li><a href="https://wsform.com/knowledgebase/tabs/" target="_blank" rel="noopener noreferrer">Multi-step forms</a></li>
<li>Run <a href="https://wsform.com/knowledgebase/introduction-actions/" target="_blank" rel="noopener noreferrer">WS Form actions</a> when an order is paid (e.g. Send a product customization to a <a href="https://wsform.com/knowledgebase/slack/" target="_blank" rel="noopener noreferrer">Slack</a> channel, or <a href="https://wsform.com/knowledgebase/run-wordpress-hook/" target="_blank" rel="noopener noreferrer">run a WordPress hook</a>)</li>
</ul>
<h2>How it Works</h2>
<img class="size-full wp-image-5281625 aligncenter" src="https://woocommerce.com/wp-content/uploads/2019/10/ws_form_pro_product_add_ons_woocommerce_add_form.jpg" alt="Adding a form to a product" width="980" height="559" />
Adding a form to a WooCommerce product is easy! Simply click on the WS Form tab under ‘Product data’ and choose a template or choose an existing form. You can also start with a blank template and create a fully customized form for your product.
<img class="size-full wp-image-5281627 aligncenter" src="https://woocommerce.com/wp-content/uploads/2019/10/ws_form_pro_product_add_ons_woocommerce_form_assigned.jpg" alt="Assigned form" width="980" height="385" />
Managing your product customization is easy. Simply click ‘Edit Form’ to make changes to your form.
<img class="size-full wp-image-5281634 aligncenter" src="https://woocommerce.com/wp-content/uploads/2019/10/ws_form_pro_product_add_ons_woocommerce_layout_editor.jpg" alt="Layout Editor" width="980" height="615" />
Use the powerful features of the WS Form PRO <a href="https://wsform.com/knowledgebase/the-layout-editor/" target="_blank" rel="noopener noreferrer">layout editor</a> to edit your product customization.
<img class=" wp-image-5281628 aligncenter" src="https://woocommerce.com/wp-content/uploads/2019/10/ws_form_pro_product_add_ons_woocommerce_fields.gif" alt="WooCommerce Fields" width="421" height="212" />
Use the WooCommerce field types to fully customize where product components are positioned on your product page.
<img class="size-full wp-image-4796928 aligncenter" src="https://woocommerce.com/wp-content/uploads/2019/09/5.-T-Shirt-customization.jpg" alt="T-Shirt Customization" width="980" height="559" />
Create product customizations that dovetail seamlessly into your website.
<img class="size-full wp-image-4796926 aligncenter" src="https://woocommerce.com/wp-content/uploads/2019/09/3.-Your-product-is-customized-with-the-form.jpg" alt="Multi-Tab Forms" width="980" height="559" />
Create multi-step product customizations using all of the features available in WS Form PRO!
<a class="woo-sc-button custom" href="https://woocommerce.wsform.com" target="_blank" rel="noopener noreferrer">View a demo of the WS Form Product Add-Ons extension</a>

WS Form PRO Product Custom Fields Add-Ons

Create custom fields for products with 60+ customization field types. Customize product pages with tabs, conditional logic, repeaters, calculations, multi-step and more!

File Uploader vs WS Form PRO Product Custom Fields Add-Ons