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.

Tipping for WooCommerce is the all-in-one solution to accept tips, gratuities, and even donations directly from customers during checkout. Whether you’re a restaurant or you’re  in food delivery, eCommerce, or running a nonprofit, this plugin gives your customers the option to show appreciation with a small (or big!) financial gesture.
Customers can add a tip on the checkout page, either by typing in a custom tip amount or by pressing one of the predefined tipping buttons — which add a percentage amount based on the cart subtotal.
<h2>Order Tip – Tipping Options</h2>
<ul class="wccom-tick-list-primary">
<li>Custom Tip Amount: Customers can enter their own tip amount on the checkout page.</li>
<li>Predefined Tip Percentages: Offer predefined tipping options based on a percentage of the cart subtotal. Best option for restaurant websites</li>
<li>Predefined Fixed Tip Amounts: Provide customers with the option to choose from fixed tip amounts</li>
</ul>
<img class="alignnone wp-image-18734005239636 size-medium" src="https://woocommerce.com/wp-content/uploads/2020/09/tip-options-checkout-woocommerce.png?w=896" alt="Add Order Tip - WooCommerce Checkout Plugin" width="896" height="500" />
<h2>Also Works as a WooCommerce Donation Plugin</h2>
Not just for tipping! You can easily configure this plugin to work as a donation plugin for WooCommerce. Just update the labels (e.g., “Support Us” or “Make a Donation”) and you’re ready to start collecting voluntary donations or support contributions.
<h3 data-start="1190" data-end="1206">Perfect for:</h3>
<ul class="wccom-tick-list-primary">
<li data-start="1207" data-end="1236"> Nonprofits & Charities</li>
<li data-start="1237" data-end="1262"> Creators & Artists</li>
<li data-start="1263" data-end="1289"> Educators & Coaches</li>
<li data-start="1290" data-end="1329"> Small businesses seeking support</li>
<li data-start="1330" data-end="1384">Online stores wanting to offer donation options</li>
</ul>
No need for separate donation plugins — this single tool handles both tips and donations.
<h2>Track Tips and Donations with Built-In Reporting</h2>
Access powerful insights from the WooCommerce dashboard:
<ul class="wccom-tick-list-primary">
<li data-start="2265" data-end="2293">Total tip/donation amounts</li>
<li data-start="2294" data-end="2325">Number of contributing orders</li>
<li data-start="2326" data-end="2349">Filters by date range</li>
</ul>
Plus, check detailed analytics under <code data-start="2392" data-end="2410">Analytics > Tips</code> to understand trends and optimize your approach.
<img class="alignnone wp-image-18734005239638 size-medium" src="https://woocommerce.com/wp-content/uploads/2020/09/track-tips-donations-woocommerce.png?w=896" alt="Donation Plugin for WordPress & WooCommerce" width="896" height="498" />
<h2>Tipping Section/Block Conditional Visibility</h2>
Select when the Tipping Section/Block appears:
<ul class="wccom-tick-list-primary">
<li data-start="2265" data-end="2293">Based on Product Category added in Cart</li>
<li data-start="2294" data-end="2325">Based on Product added in Cart</li>
<li data-start="2326" data-end="2349">Based on Total Sum of Order</li>
</ul>
<h3>Requirements</h3>
Minimum PHP version: 7.0

Tipping – Add Order Tip

Add a Tipping or donation option to your WooCommerce checkout page. Let customers support your business or a cause with custom or preset tip amounts, perfect for food ordering stores, service-based stores, charities, and creators looking to accept donations.

File Uploader vs Tipping – Add Order Tip