WooCommerce Uploads Before Add-On

Installation

  1. Make sure WooCommerce and WooCommerce Uploads are installed.
  2. Download the .zip file.
  3. Upload the entire ‘woocommerce-uploads-before’ directory into the ‘/wp-content/plugins/’ directory.
  4. Activate the plugin through the ‘Plugins’ menu in WordPress.
  5. Enter the license key for this plugin in our WP Fortune plugin to get support and updates.

Getting started

mini_screen1
If you want to enable uploads before checkout, you can simply activate the WooCommerce Uploads Before Add-On through the ‘Plugins’ menu in WordPress. That’s it! Your customers can now upload files before checkout. You can find some additional settings for the add-on on the WooCommerce Uploads plugin settings page.

Settings

Uploads before checkout

  • Uploads required – You can enable this option if you want to force customers to upload files before they can proceed to the checkout process. They can’t checkout before they uploaded files,  a message will be displayed when this is the case.
  • Strict mode – You can enable strict mode if customers must upload an exact amount of files, which is filled in in the ‘Number of uploads’ field for a single upload box.
  • Multiple ordered items – If a customer orders multiple items of the same product, the customer must upload files for each item before they can proceed to checkout (the ‘Upload procedure’ setting must be set to ‘Multiple uploads for each product’).

Frequently Asked Questions (FAQ)

What do I need to use this add-on?

You need WooCommerce and our WooCommerce Uploads plugin to use this add-on.

Can I force customers to upload files?

Yes, you can force customers to upload files before they can checkout. You can enable this on the WooCommerce Uploads settings page.

How do I enable uploads before checkout?

Just activate the plugin.

I have activated the plugin, but I don’t see any upload fields, why not?

Please check if WooCommerce and WooCommerce Uploads are both installed. They are both required to run this add-on.

How do I disable uploads before checkout?

Deactivate the plugin to disable uploads before checkout.

Where can I accept / decline files a customer uploaded?

You can accept / decline files by going to the relevant order in the WordPress admin panel. On your right you will find a section ‘Uploaded files’. Here you can bulk accept / decline files for this order. They will become visible when the customer finished the checkout process.

How can I change the ‘View cart’ button on the uploads page?

When a customer clicks on the ‘Add to cart & upload files’ button on the product page, he/she will be redirected to a custom page where they can upload their files. Here you also find a ‘View cart’ button. In case you want to change the functionality of this button, we have created a filter for this button, so you can customize it to your own needs. You can put the following code to your theme’s functions.php:

add_filter('wc_uploads_before_view_cart_button', 'customize_view_cart_button', 10, 4);

function customize_view_cart_button($button, $product_id, $variation_id, $quantity) {

return ‘<a href=”‘.get_site_url().'” class=”wpf-umf-view-cart-button button”>’. __(‘Back to homepage’, ‘woocommerce’).'</a>’;

}

This will create a ‘Back to homepage’ button instead of the default ‘View cart’ button.

If you want to change the position of the ‘View cart’ button on the uploads page, you can choose on the plugin settings page if you want to hide the ‘View cart’ button of if you want to show the ‘View cart’ button before or after the upload boxes on the upload page.

Why don’t I see the upload fields when I add a product to the cart?

Most likely there is a problem with your .htaccess, since the WooCommerce Uploads Before Add-On uses a url to decide if it needs to show the upload boxes or not. In your WordPress admin please go to ‘Settings’ -> ‘Permalinks’. Scroll down, click on ‘save changes’ to make sure any changes will be processed. Scroll down again, if you see a message about .htaccess, follow these instructions.

Can I change the way product attributes are displayed above the uploads?

By default the product attributes (in case of a variable product) above the upload boxes on the product page are displayed on one line. This is a default WooCommerce functionality. If you want to show the product attributes vertically or want to customize the display of product attributes in a different way, you can use the wpf_umf_before_header_variation_display filter. You can find an example below:

add_filter('wpf_umf_before_header_variation_display', function($value){

    return nl2br($value);

});

How are the uploads displayed in the cart?

By default an upload / view files button appears for each product in the cart. If your customer clicks on this button, he/she will be redirected to the upload page. Since version 1.1.9 it is possible to show all the filenames for each product (if a customer uploaded files for this product) in the cart. You can enable the ‘Show uploaded files in cart’ option on the plugin settings page under the ‘General settings’ tab.