WooCommerce Checkout Files Upload - Icon

WooCommerce Checkout Files Upload

Let customers upload files on WooCommerce checkout

Description

When enabled, WooCommerce Checkout Files Upload module lets you add multiple files uploads for customer on WooCommerce checkout page.

You can add multiple file upload fields to the WooCommerce checkout. Each field can be configured with these parameters:

  • Is field required?
  • Position on the checkout page.
  • Label to show to the customer.
  • Accepted file types.
  • Labels for Upload button and Remove button.
  • Messages on wrong file type; required file; file successfully uploaded etc.
  • Conditionally show field only if selected product or category or tag is in the cart.

WooCommerce Checkout Files Upload - Backend

Customer uploaded files can be found on admin’s order edit page – in “Booster: Uploaded Files” metabox.

WooCommerce Checkout Files Upload - Admin Uploaded Files Metabox

Accessible through:
  • WooCommerce > Settings > Booster > Cart & Checkout > Checkout Files Upload
Tested on WooCommerce 3.1.1 and WordPress 4.8.1
Plugin can be downloaded here. If there are any locked fields in the module, you will need to get Booster Plus to unlock them.

Leave a Reply

Comments

10 Comments

  1. Document Translation Services May 5, 2016 at 4:44 pm #

    Where do we find the uploads that customers upload? Is there anyway to make the upload happen after payment has been made to prevent spammers?

    Thanks

    Reply

    • Booster Support Team May 8, 2016 at 4:40 pm #

      Hi,

      Uploaded files can be found in admin’s order edit page. There is new metabox “Booster: Uploaded Files” – in the top right corner, right above standard “Order Actions” metabox.

      Regarding uploading files after payment – unfortunately not possible at the moment, but I’ve created new support ticket for that, will add it in next plugin update in about 2 weeks.

      Best regards,
      Tom

      Booster Support Team
  2. Rob M. May 30, 2016 at 2:50 pm #

    Am I able to move this block manually in my template file?

    Reply

    • Booster Support Team June 1, 2016 at 4:43 pm #

      Hi Rob,

      Sorry for the delay.

      I made some modifications to the plugin – please download the development version here – http://booster.io/dev/. You will need to uninstall the old version first (don’t worry your saved settings won’t disappear).

      After that you can call wcj_add_files_upload_form_to_checkout_frontend() function in your template file to output checkout files upload form.

      Please let me know if it works as expected or if you have any questions.

      Best regards,
      Tom

      Booster Support Team
  3. chanh August 22, 2016 at 9:12 am #

    Hi,

    When a user tries to download the attached image file from their ‘my account’ page they end up downloading a file called ‘download.htm’ and upon opening it displays :

    Warning: readfile() [function.readfile]: Filename cannot be empty in …/wp-content/plugins/woocommerce-jetpack/includes/class-wcj-checkout-files-upload.php on line 313

    Is there a way to resolve this issue? Thank you.

    Reply

  4. Michael August 26, 2016 at 2:10 pm #

    Curious where I would look to move to position of the UPLOAD button?
    I have this on my checkout form and it displays to the right of the choose button,
    I would like to have the UPLOAD button BELOW the choose button.

    As is, this works fine on a desktop(larger)display, but on a mobile device the button does not display as it it ‘lost’ somewhere on the right that i can’t access.
    If I have this as a required element, my mobile users are ‘stuck’ as they can’t see/get to the UPLOAD button.

    Using the Storefront theme, chrome browser on android,

    Reply

  5. Lyn December 23, 2016 at 10:25 am #

    Is there a way to allow multiple file uploads per product item, from the cart page??

    Reply

  6. Emma April 7, 2017 at 11:24 am #

    Hi I am looking to use Booster for our site that accepts artwork submissions. We need to keep the original file name as well as the order number (currently the files are renamed for the order number). Hopefully order number followed by original filename, something like 4589_1_orginalfilename.jpg Is this possible?

    There also seems to be a problem with accessing the file on the order page in the editor, I click on the original filename in the “Booster: Uploaded Files” section, it downloads an html page and no image.

    Many thanks
    Emma

    Reply

  7. Lisa DiAntonio April 18, 2017 at 2:27 pm #

    Hi. I’m fairly new to WordPress. I activated this plugin, but I don’t know how to get it to show up on my product page. I’m selling custom printed fabric. I created drop downs for the amount of fabric the customer wants, but now I’m trying to use this module so that my customer can upload their image they want printed on the fabric. I cannot figure out how to get the file upload feature to show up on the product page so the customer can click the button to upload their file. Any help is greatly appreciated.

    Cheers,

    Lisa

    Reply

  8. Marcel Melis August 11, 2017 at 9:12 am #

    I would like to be able to upload a file from the order overview screen in admin (like I can create an invoice or custom document).

    Reply