Sale!

Checkout Files Upload for WooCommerce

Rated 4.00 out of 5 based on 4 customer ratings
(4 customer reviews)

Let your customers upload files on (or after) WooCommerce checkout.

Clear
Author: WP Wham SKU: N/A Category: Tags: , Version: 1.4.5; Last updated: 3 months ago; Requires WordPress version: 4.4; Tested up to: 4.9

Description

This plugin is a premium version of free "Checkout Files Upload for WooCommerce" plugin.

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

Checkout Files Upload for WooCommerce - Admin Settings - General Options

Total files
Save changes after you change this number to see new settings sections.
Default: 1
AJAX form
Default: yes
AJAX form: Add progress bar
Default: no
AJAX form: Enable alert on successful file upload
Default: no
AJAX form: Enable alert on successful file remove
Default: no
Max file size (MB)
Leave zero to disable.
Default: 0
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).

Emails Options

Checkout Files Upload for WooCommerce - Admin Settings - Emails Options

Attach files to admin's new order emails
Default: yes
Attach files to customer's processing order emails
Default: yes

Form Template Options

Checkout Files Upload for WooCommerce - Admin Settings - Form Template Options

Before
Default:
<table>
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>
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>
Field (AJAX)
Replaced values: %field_html%, %image%.
Default:
<tr><td colspan="2">%field_html%</td></tr>
After
Default:
</table>

Styling Options

Checkout Files Upload for WooCommerce - Admin Settings - Template Styling Options

AJAX "Delete" button style
Default: color:red;

File #X

Enable/disable
Default: yes
Required
Default: no
Accepted file types
Accepted file types. E.g.: .jpg,.jpeg,.png. Leave blank to accept all files.
Default: .jpg,.jpeg,.png

Positions

Checkout page
Possible values: Before checkout form; After checkout form; Do not add on checkout.
Default: Before checkout form
Position order (i.e. priority)
Default: 20
"Thank You" page
Default: no
"My Account" page
Default: no

Labels

Label
Leave blank to disable label.
Default:
Please select file to upload
Upload button
Default: Upload
Remove button
Default: Remove

Notices

Wrong file type
%s will be replaced with file name.
Default:
Wrong file type: "%s"!
File is required
Default:
File is required!
File was successfully uploaded
%s will be replaced with file name.
Default:
File "%s" was successfully uploaded.
No file selected
Default:
Please select file to upload!
File was successfully removed
%s will be replaced with file name.
Default:
File "%s" was successfully removed.

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

Prices & Licenses

Single siteUnlimited sites
1 year$19.99$49.99 $29.99
Lifetime$49.99 $39.99$99.99 $59.99

Refunds

We want to ensure that you are 100% happy with your purchase, so if you feel the product(s) you purchased are not the best fit for your requirements and you attempted to resolve issues with product's author, we are offering 30 day money back guarantee refund policy.

4 reviews for Checkout Files Upload for WooCommerce

  1. Rated 4 out of 5

    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

  2. Rated 5 out of 5

    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.

  3. Rated 3 out of 5

    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?

  4. Rated 4 out of 5

    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…

Add a review

33 thoughts on "Checkout Files Upload for WooCommerce"

  1. Mauro December 20, 2016 at 9:30 am #

    Nice plugin!I can enter the code to reduce the size of the table and make the pluging usable on mobile devices.

    Reply

    • algoritmika December 21, 2016 at 10:40 pm #

      Thanks. Yes, you can – we’ve just added required steps to plugin description:

      Please go to “WooCommerce > Settings > Checkout Files Upload > Template” and set 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.

      Best regards,
      Tom

      Reply

  2. Alex August 8, 2017 at 7:46 am #

    Hi Tom,

    I want to buy the PRO version of your plugin, however, I have one small question, namely: Is it possible to link the attachment or attachments to a custom email template? Our webshop uses Vendors, and when an order is made, a vendor will receive a conformation mail. This is a custom e-mail message, so by default the attachments will not be visible.

    I like to hear it. Thanks for your time and answer.

    Reply

  3. Mickael Clavier August 13, 2017 at 5:30 pm #

    Hi !

    I think about buy your extension, but before I have something to ask : is it possible to link the uploaded file as a field related to the user.
    In my case, I would like to ask user to upload a certificate and I would like to show it in the member space (I use Ultimate Member).

    Do you think is possible with your plugin to allow this feature ?

    Best regards,

    Reply

  4. Alessandro August 25, 2017 at 3:34 pm #

    With PRO version, is possible to set upload number equal to number of products in the cart?

    Reply

    • markmurphy1974 September 14, 2018 at 9:40 pm #

      I need this too.

      I run an online printing company, so say a customer adds 2x single sided flyers and 1x double sided flyer, I’d need a way to allow for the upload file amounts.

      For example; single sided flyers would need 1x upload each and double sided would need 2x upload each all in the same order.

      Can this be done please?

      Thanks.

      Reply

      • Wes October 5, 2018 at 9:01 pm #

        did you get an answer here? I’m also building out a site where people can order prints, I need to know if I can upload multiple files to be assigned to each specific product ordered (multiple products in a single order).

        Reply

        • Mark October 5, 2018 at 9:08 pm #

          No mate. Had to find another plugin specific for this.
          This plugin is perfect unless it needs to be very custom to what we need for print.

          Reply

  5. marcy September 9, 2017 at 10:43 pm #

    Hi, i purchased your plugin and i think it is really cool. I want to have it modified a bit more.
    I need a progress bar and some more css changes.
    I also want to add it above the order details on the thank you page and add an upload button to the customer account order list.
    I also think about the feature, that when the customer did already upload his files, the button turns into a green button “upload recieved” or something like that…

    Do you think you can help me bringing the plugin to the next level?

    Marcel

    Reply

  6. arnar112 November 30, 2017 at 7:56 am #

    I just recently bought this plugin, but I thought there was only going to be one input for multiple files, not one input each file. Is this possible to customize? I need people to be able to upload 12 files images!

    Reply

  7. PauloseM January 18, 2018 at 3:47 pm #

    Hi,
    Nice Plugin and I bought the pro version without hesitation .
    Is it possible to change the ” Browse” and “No File Selected” text because i am developing this site in a a foreign language ?

    thanks

    Reply

  8. George Chrisikos January 29, 2018 at 4:15 am #

    Nice plugin, but i have problem to activate it at 2 lagnuages, The pro version resolve this?

    Reply

  9. nilesh bhalerao March 7, 2018 at 11:10 am #

    Hi,
    Nice plugin
    I want to place the upload form in between billing form and the order review module.
    Please suggest.

    Reply

  10. matias099 March 14, 2018 at 9:08 am #

    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?

    Reply

  11. Mirko April 9, 2018 at 8:47 pm #

    Can I see attacched files in orders list?

    Reply

  12. sandro June 14, 2018 at 4:10 am #

    I’m using the default plugin, and I noticed that the name of the files sent by email are all renamed.

    In the paid version, or even in the free version, is it possible for the files to have the original names?

    I am willing to buy the plugin if this is the only way to keep the original file names.

    Reply

  13. Quentin July 2, 2018 at 6:18 am #

    Hello,

    I purchased the pro version of this plugin and it all worked fine until someone tried to put some notes on the checkout page.

    The plugin seems to clear any text that is in the ‘additional information’ box of the checkout page after you have have uploaded a file. Unfortunately, this means no one can send me any notes or information about their purchase. Is this normal?

    Thanks

    Reply

    • Quentin July 2, 2018 at 6:48 am #

      I have worked around the problem by placing the upload files section at the top of the page. That way all the uploading is completed before the additional information is added. This does not solve the problem, however it may work for someone else having this issue.

      Thanks

      Reply

  14. bruce@brucesexton.com July 16, 2018 at 6:03 am #

    Hi. I have installed the plugin with one upload file (not compulsory), before checkout and no specific products or categories to be included. When I do a sale for a course (a variable product in woocommerce), the upload file option is not visible before or during checkout screen. Are you able to assist me please? Bruce

    Reply

    • bruce@brucesexton.com July 16, 2018 at 6:48 am #

      I changed the display order and it appeared at top of checkout page. As the administrator of the site, am I able to see the uploads customers make to their account?

      Reply

  15. Schalk September 12, 2018 at 6:29 am #

    Hi

    I use the CSV Export Plugin to export order details.
    Is it possible to export a link to where the file can be downloaded?

    I will need to know the Meta Field of the file upload field.
    Something like :
    _billing_file_1

    Thank you.

    Reply

    • WP Wham September 12, 2018 at 5:15 pm #

      Hi,

      For the first file – file path is stored in _alg_checkout_files_upload_1 order meta. Also there is _alg_checkout_files_upload_real_name_1 meta which stores original file name.

      Hope that helps.

      P.S. If you like the plugin, please consider leaving us a rating.

      Reply

  16. patrick September 20, 2018 at 10:58 am #

    hello!
    i am trying to translate the labels for file#1 and file#2 with wpml string translation but i can only see the admin texts, not the ones that i enter. how could i do this?

    Reply

  17. Patrick September 28, 2018 at 11:09 am #

    hello again!
    i will need your feedback here please. is this something you will add soon (when?) or are you not planing to do it. additionally i would like to place the frontend upload fields manually with a hook inside the checkout form. how could i achieve this?

    Reply

    • WP Wham October 1, 2018 at 9:06 pm #

      Hi,

      Sorry for the delay. I’ve just released new plugin version 1.4.5 (both free and Pro). Now you can translate labels by using [alg_wc_cfu_translate] shortcode, e.g.:

      [alg_wc_cfu_translate lang="EN,DE" lang_text="Translation for EN and DE" not_lang_text="Translation for other languages"]

      or alternatively in more complex form:

      [alg_wc_cfu_translate lang="EN,DE"]Translation for EN and DE[/alg_wc_cfu_translate][alg_wc_cfu_translate not_lang="EN,DE"]Translation for other languages[/alg_wc_cfu_translate]

      This should be added directly to your “Labels” section in “WooCommerce > Settings > Checkout Files Upload > File #X”.

      As for using custom hook to display the fields, please try this:

      add_action( 'your_custom_hook', 'my_display_checkout_files_upload' );
      function my_display_checkout_files_upload() {
      	alg_wc_checkout_files_upload()->core->add_files_upload_form_to_checkout_frontend_all( true );
      }

      Please note that as fields are wrapped in its own <form> tag, you can’t put them inside another <form> tag.

      Hope that helps. Please let me know if you have any questions, or it’s not working as expected.

      P.S. If you like the plugin, please consider leaving us a rating.

      Reply

  18. John September 30, 2018 at 1:08 pm #

    I didn´t find where to translate this to Swedish:
    Please select file to upload
    It appears on my checkout page above choose file. The translation would be:
    Välj en fil att ladda upp

    Reply

    • WP Wham October 1, 2018 at 5:24 pm #

      Hi John,

      Not sure that I understood it correctly, but if you want to change the “Please select file to upload” text – you can do it in “Labels” settings section for your file (in “WooCommerce > Settings > Checkout Files Upload > File #X”). It’s the “Label” option.

      Hope that helps. Please let me know if I misunderstood you.

      Reply

  19. Grégory Le Couviour October 4, 2018 at 12:23 pm #

    Hello
    can you tell me if member can edit the attachment from the profile page in the frontend after the chekout ?
    Cordialy
    Grégory

    Reply

  20. Lauren Busch October 4, 2018 at 6:52 pm #

    I’m thinking of purchasing your product, but can you tell me if this shows an image thumbnail on the checkout page. I specifically need to be able to show the user what the pdf file that they uploaded looks like before they check out.

    Thanks

    Reply

    • WP Wham October 19, 2018 at 3:03 am #

      Hi there,

      We do not have that feature at this time, sorry. We will be happy to consider it for a future update.

      Best wishes,
      WP Wham

      Reply

  21. siyancomputers October 17, 2018 at 1:45 pm #

    hi i recently bought ” Checkout Files Upload for WooCommerce ” , the issues i am facing is
    i want to add more than 10 files at checkout , i want user to browse and upload all files at once .
    but i am unable to configure so . for every single file there is different row added which does not look good .
    and also time consuming for uploading single-single file every time .
    i want some setting by which all files could be uploaded in single go .

    thanks

    Gurdeep Singh

    Reply

    • WP Wham October 19, 2018 at 3:02 am #

      Hi there,

      You can add more than 10 files, there is no limit. However like you said it is one at a time only. I will pass along your request about multiple uploads to the dev team, hopefully it is something they can add in a future update.

      Best wishes,
      WP Wham

      Reply

  22. mz October 22, 2018 at 1:33 am #

    hi dev,

    this plugin can make the new payment gateway for manual payment, in that mean in that option the new payment gateway have an option to restrict upload / attach the file for proof a payment

    just work only at the payment gateway only we set. for other payment gateway like paypal, credit card don’t need to upload restrict the file.

    can this plugin worked like that. because i was used a booster woocommerce plus plugin, they don’t have a option for a new payment gateway have file upload / restrict upload file for manual payment.

    that all.

    Reply

Leave a Reply

Changelog

= 1.4.5 - 01/10/2018 =
* Dev - [alg_wc_cfu_translate] shortcode added and do_shortcode() is now applied to each file's "Labels".

= 1.4.4 - 13/09/2018 =
* Dev - Emails - "Additional Emails Options" subsection added.
* Dev - "Raw" input is now allowed in all textarea admin settings fields.
* Dev - Code refactoring - "Reset" function re-written.
* Dev - Code refactoring - custom_number_checkout_files_upload settings type removed.
* Dev - "Your settings have been saved" admin notice added.

= 1.4.3 - 10/09/2018 =
* Dev - "Author URI" updated.

= 1.4.2 - 10/09/2018 =
* Dev - "Contributors" updated.

= 1.4.1 - 27/08/2018 =
* Fix - %image% in AJAX form fixed on "Thank you" and "My Account" pages.
* Dev - "Validate image dimensions" options added for each file.
* Dev - Minor code refactoring.
* Dev - Minor admin settings restyling.

= 1.4.0 - 25/08/2018 =
* Fix - User file download fixed on "Thank you" and "My Account" pages.
* Dev - %image% replaced value added.
* Dev - "AJAX form" now is enabled (yes) in settings by default.
* Dev - Code refactoring.
* Dev - Minor admin settings restyling.
* Dev - Plugin URI updated.

= 1.3.0 - 09/06/2018 =
* Fix - Case insensitive comparison of the "Accepted file types" options.
* Fix - Default values fixed for all get_option() calls.
* Dev - "AJAX form" options added.
* Dev - "Max file size" options added.
* Dev - Filter rewritten.
* Dev - Admin settings - "Reset settings" section added.
* Dev - Admin settings - Files settings added as separate sections.
* Dev - Admin settings - Minor changes: restyling; select option type changed to wc-enhanced-select; settings array saved as main class property.

= 1.2.0 - 10/05/2017 =
* Fix - Call to undefined function is_shop_manager() error fixed.
* Dev - WooCommerce v3.x.x compatibility - Order ID - using function instead of accessing property directly.
* Dev - load_plugin_textdomain moved to constructor from init hook.
* Dev - Plugin link changed from http://coder.fm to https://wpcodefactory.com.

= 1.1.1 - 07/12/2016 =
* Dev - alg_current_filter_priority() modified for compatibility with WordPress since v4.7.
* Dev - Language (POT) file updated.
* Dev - Checking for Pro modified.

= 1.1.0 - 28/11/2016 =
* Dev - "Form Template Options" settings section added.
* Dev - Language (POT) file added.
* Dev - "Emails Options" settings moved to separate section.

= 1.0.0 - 05/09/2016 =
* Initial Release.

Installation

  • Buy the plugin 🙂
  • Download plugin's zip to your computer (you will receive an email with download link, or you can always download the plugin from your account).
  • Go to Admin Dashboard > Plugins > Add New > Upload Plugin and browse for downloaded zip file.
  • If plugin is successfully installed - you should see it added to the Plugins list.

Updates

To keep WPCodeFactory items up to date, please install WPCodeFactory Helper plugin and enter your site key.