<p>Best Product Designer Plugin for WooCommerce to customize products online. Let customers add text, upload images, insert shapes and cliparts, generate QR codes, and preview their design before buying.</p>
<h3>Give customers the power to create their perfect product</h3>
<p>When customers create something unique, they’re invested in the purchase. <strong>Smart Product Designer</strong> makes it easy for shoppers to customize your products with real-time previews, building confidence and reducing returns.</p>
<p>Let customers upload images, add custom text with multiple fonts, insert cliparts and shapes, generate QR codes, and choose from your color palettes.</p>
<p><img class="alignnone size-medium wp-image-18734006275541" src="https://woocommerce.com/wp-content/uploads/2026/01/designer-page-with-design.png?w=896" alt="" width="896" height="425" /></p>
<h4>Multi-surface design</h4>
<p>Design front, back, and sleeves independently. Perfect for apparel and items with multiple customizable areas.</p>
<h4>Dynamic pricing</h4>
<p>Set base prices and add-on costs for premium elements. Charge extra when customers add cliparts, shapes, or multiple design elements. Pricing updates automatically.</p>
<h4>Print-ready output</h4>
<p>Every design appears print-ready on the order screen. Click, print, ship, it’s that simple.</p>
<h4>Upload images</h4>
<p>Let customers upload their photos in common formats like JPG, PNG, and GIF for truly personal products.</p>
<h4>Custom Text & Unlimited Font Options</h4>
<p>Let customers personalize with names, messages, and custom text. Choose from built-in fonts or upload your own branded fonts as an admin, total control over typography for both you and your customers.</p>
<h4>Shapes and cliparts</h4>
<p>Pre-made design elements make customization simple, even for customers with no design experience.</p>
<h4>QR codes and barcodes</h4>
<p>Generate QR codes and barcodes for business cards, promotional items, or any product that needs them.</p>

Smart Product Designer

<p>Smart Product Designer lets your customers design any product and purchase them right from your WooCommerce store.</p>

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

Smart Product Designer vs Customer Upload Files