Checkout Files Upload for WooCommerce plugin lets your customers upload files on (or after) WooCommerce checkout.
Features
- Set fields position on the checkout page.
- Set if file upload is required.
- Add field to Thank You page.
- Add field to My Account page.
- Add custom label to the field.
- Set accepted file types.
- Set max file size option.
- Set custom Upload and Remove buttons labels.
- Set custom “Wrong file type”, “File is required”, “File was successfully uploaded”, “No file selected” and “File was successfully removed” messages.
- Select cart products, product categories or product tags to show the field.
- Add uploaded files to admin and customers emails.
- Optionally enable AJAX form for file uploads.
This plugin is an extended version of free Checkout Files Upload for WooCommerce plugin. Pro version lets you add multiple file upload forms to the checkout (and/or thank you; my account pages).
You can download uploaded files from admin’s “Edit Order” pages (there is “Uploaded Files” metabox in the upper right corner). Alternatively – if you wish to access files directly – uploaded files are saved in /wp-content/uploads/woocommerce_uploads/alg_uploads/checkout_files_upload/ directory on your server. Files are named by concatenating order number and file number (e.g. 1347_1.png, 1347_2.jpg etc.).
If you’re having issues with file upload form displaying on mobile devices, you can fix this by going to “WooCommerce > Settings > Checkout Files Upload > Template” and setting these values:
Before:
<div>
Label:
<p><label for="%field_id%">%field_label%</label>%required_html%</p>
Field:
<p>%field_html%</p><p>%button_html%</p>
After:
</div>
This will change the layout of checkout files form a little, but it should fix any issues with mobile devices.
General Options
- Total files
- Save changes after you change this number to see new settings sections.
- Default:
1
- Default:
- AJAX form
- Default:
yes
- Default:
- AJAX form: Add progress bar
- Default:
no
- Default:
- AJAX form: Enable alert on successful file upload
- Default:
no
- Default:
- AJAX form: Enable alert on successful file remove
- Default:
no
- Default:
- Max file size (MB)
- Leave zero to disable.
- Default:
0
- Default:
- Max file size: Allowed file size exceeded message
- Message on exceeded. Replaced value:
%max_file_size%.- Default:
Allowed file size exceeded (maximum %max_file_size% MB).
- Default:
Emails Options
- Attach files to admin's new order emails
- Default:
yes
- Default:
- Attach files to customer's processing order emails
- Default:
yes
- Default:
Form Template Options
- Before
-
- Default:
<table>
- Default:
- Label
- Replaced values:
%field_id%,%field_label%,%required_html%. -
- Default:
<tr><td colspan="2"><label for="%field_id%">%field_label%</label>%required_html%</td></tr>
- Default:
- Field (Simple)
- Replaced values:
%field_html%,%button_html%,%image%. -
- Default:
<tr><td style="width:50%">%field_html%</td><td style="width:50%">%button_html%</td></tr>
- Default:
- Field (AJAX)
- Replaced values:
%field_html%,%image%. -
- Default:
<tr><td colspan="2">%field_html%</td></tr>
- Default:
- After
-
- Default:
</table>
- Default:
Styling Options
- AJAX "Delete" button style
- Default:
color:red;
- Default:
File #X
- Enable/disable
- Default:
yes
- Default:
- Required
- Default:
no
- Default:
- Accepted file types
- Accepted file types. E.g.:
.jpg,.jpeg,.png. Leave blank to accept all files.- Default:
.jpg,.jpeg,.png
- Default:
Positions
- Checkout page
- Possible values: Before checkout form; After checkout form; Do not add on checkout.
- Default:
Before checkout form
- Default:
- Position order (i.e. priority)
- Default:
20
- Default:
- "Thank You" page
- Default:
no
- Default:
- "My Account" page
- Default:
no
- Default:
Labels
- Label
- Leave blank to disable label.
- Default:
Please select file to upload
- Default:
- Upload button
- Default:
Upload
- Default:
- Remove button
- Default:
Remove
- Default:
Notices
- Wrong file type
%swill be replaced with file name.- Default:
Wrong file type: "%s"!
- Default:
- File is required
- Default:
File is required!
- Default:
- File was successfully uploaded
%swill be replaced with file name.- Default:
File "%s" was successfully uploaded.
- Default:
- No file selected
- Default:
Please select file to upload!
- Default:
- File was successfully removed
%swill be replaced with file name.- Default:
File "%s" was successfully removed.
- Default:
Advanced
- Require products
- To show this field only if at least one selected product is in cart, enter products here. Leave blank to show for all products.
- Default: None
- Require product categories
- To show this field only if at least one product of selected category is in cart, enter categories here. Leave blank to show for all products.
- Default: None
- Require product tags
- To show this field only if at least one product of selected tag is in cart, enter tags here. Leave blank to show for all products.
- Default: None
Polo –
Hi,
Is there a way to download the orders files in bulk (I have to manually download the files from 100+ orders daily…)
Thanks, works like a charm, only missing this feature…
matias099 (verified owner) –
I’ve installed your Checkout Files Upload for WooCommerce plug-in, and I’m writing this error when I upload a file:
Warning: tempnam(): open_basedir restriction in effect. File(/tmp) is not within the allowed path(s): (/home/mh023500:/usr/share/pear) in /home/mh023500/www_root/wp-content/plugins/checkout-files-upload-woocommerce-pro/includes/class-alg-wc-checkout-files-upload.php on line 256
Warning: move_uploaded_file(): open_basedir restriction in effect. File() is not within the allowed path(s): (/home/mh023500:/usr/share/pear) in /home/mh023500/www_root/wp-content/plugins/checkout-files-upload-woocommerce-pro/includes/class-alg-wc-checkout-files-upload.php on line 257
Can you please help me?
Ricky –
Very nice plugin, just wondering with the Pro version, it is possible to show the upload form at thank you page only if a specific payment method has been selected? Thanks.
Sabine –
Nice plugin! I only want to change the color of the buttons…
algoritmika –
Hi,
You can style the buttons by adding something like this to custom CSS:
#alg_upload_checkout_file_1 { color: red; background-color: blue; } #alg_remove_checkout_file_1 { color: white; background-color: yellow; } #alg_upload_checkout_file_2 { color: red; background-color: blue; } #alg_remove_checkout_file_2 { color: white; background-color: yellow; }Best regards,
Tom