The implementation of a drag-and-drop multiple file upload feature on the WooCommerce checkout page can provide a seamless and intuitive file upload experience directly on the checkout page and can enhance the overall shopping experience for your customers. Drag and drop functionality makes it easier for customers to upload any necessary files, such as order details, proofs, or other supporting documents.
Table of contents:
1. Plugin Installation
Download it here: WooCommerce Drag and Drop Multiple Files Upload on Checkout Page
Once you’ve downloaded a plugin, you’ll need to install it on your website. Log into your WordPress admin dashboard. Navigate to the “Plugins” section and click on “Add New.” Search for the plugin by name and click “Install Now” once you find it.
After installation, click on “Activate” to activate the plugin.
2. Set File Upload Options
After activating the plugin, you’ll need to go to the plugin’s settings page: WooCommerce – Settings – Checkout Uploads.
In the plugin settings, you’ll be able to configure various options related to the file upload functionality, such as:
- Max File Size: Set the maximum file size for the uploaded files.
- File Types: Specify the file types that users are allowed to upload (e.g., jpg, png, pdf, doc, mp4…).
- Max Files: Determine the maximum number of files that the user can upload.
![Set File Upload Options for WooCommerce Drag and Drop Multiple Files Upload on Checkout Page](https://i0.wp.com/add-ons.org/wp-content/uploads/2024/06/image-5.png?resize=1024%2C373&ssl=1)
Save and Have a preview:
![WooCommerce Drag and Drop Multiple Files Upload on Checkout Page](https://i0.wp.com/add-ons.org/wp-content/uploads/2024/06/image-6.png?resize=1024%2C801&ssl=1)
3. Change the text button
Replace the default text with the desired text you want to display on the button.
For example, you might change the text from “Choose File” to “Upload Files” or “Add Files”.
![](https://i0.wp.com/add-ons.org/wp-content/uploads/2024/06/image-7.png?resize=1024%2C82&ssl=1)
4. View File Upload
To view the files uploaded by customers on the WooCommerce checkout page, you can do it in 2 ways:
- On my account page:
Navigate to Order – Order Number – Click to View
![view the files uploaded on my account page](https://i0.wp.com/add-ons.org/wp-content/uploads/2024/06/image-8.png?resize=869%2C1024&ssl=1)
- On the Order admin page:
Go to the WordPress admin dashboard and navigate to the “WooCommerce” section, then click on “Orders.”
![view the files uploaded on the order admin page](https://i0.wp.com/add-ons.org/wp-content/uploads/2024/06/image-10.png?resize=1024%2C370&ssl=1)
We hope this helps you figure out how to easily upload files to WooCommerce Checkout.