You can allow customers to upload files in WooCommerce on product purchases and store them in a specific Google Drive folder. This feature is useful for customers who want something in terms of their custom test. For example: upload custom t-shirts for them, upload necessary invoices, and others like that.
Step-1: Install Necessary Plugins
Make sure you have installed both WooCommerce & Integrate Google Drive plugin installed inside your website. Also, make sure that your WooCommerce store is 100% up and running.
Step-2: Enable WooCommerce Integration
To make things work for you properly you have to enable WooCommerce Integration from Integrate Google Drive plugin.
Navigate to Google Drive > Settings > Integrations > Enable WooCommerce Integration > Save Changes.
Step-3: Enable Google Drive Upload
To enable Google Drive upload, navigate to Google Drive > Settings > WooCommerce > Enable Uploads. Once you enable uploads you will notice many other options to control the uploading field from different perspectives.
- Upload Box Locations: You can fix or restrict to display upload box on a specific location to be allowed to upload files. You have to select the locations where you want to show the upload box in WooCommerce products.
- Product Page
- Cart Page
- Checkout Page
- Order Received Page
- My Account Page
- Checkout Page Upload Location: Select the location where you want to show the upload box in the checkout page. Ex: Billing Section, Shipping Section, etc.
- Show Upload Box Based on Order Status: Select the order statuses when you want to show the upload box. These options will only work on the Order Received and My Account page.
- Pending Payment
- Processing
- On Hold
- Completed
- Canceled
- Refunded
- Failed
- Enable Folder Selection: Enable this option to allow users to select the upload folder and upload files to the selected folder.
- Select Default Folder: Select the default folder where the files will be uploaded if the user doesn’t select any folder.
- Folder Selection Label: Set the label for the folder selection.
- Enable File Description: Allow users to add a description to the uploaded files.
- Upload Parent Folder: Select the parent folder where the new folder will be created.
- Folder Naming Template: Set the upload folder naming template when a customer uploads a file a new folder will be created with this name.
Step-4: Enable Uploadable Product
You can enable uploadable products and enable the upload option for WooCommerce. This will allow users to upload any file while they are interacting with WooCommerce orders.
To add new products navigate to Products > Add New > Give a Product Title.
From the Upload Options section check the Uploadable type > check Upload to Google Drive. Now select the order status to display the upload button and publish the post.
- Upload Button Text: Enter the text you want to display on the upload button.
- Upload Description: Enter the description you want to display for the upload box.
- Max File Size: Enter the maximum file size in MB. Leave blank to allow all file sizes.
- Min File Size: Enter the minimum file size in MB. Leave blank to allow all file sizes.
- Allowed File Types: Enter the allowed file extensions separated by a comma (e.g: png, jpg). Leave blank to allow all file types.
Step-5: Upload Files
Once the order is placed now customers can upload files while placing an order. From the Order details section click on the upload button > browse files > select the files.
Now uploaded files will be uploaded to Google Drive in the selected folders. This is how your customers can upload any kind of file while purchasing any uploadable product, which will be stored in your Google Drive account.
Step-6: View Customer-Uploaded Files from WooCommerce Order Page
Once the customer uploads files you can track them from WooCommerce > Order page and view their uploaded files.
Step-7: View Customer-Uploaded Files from Google Drive Order Folder
You can also check uploaded files directly from your Google Drive selected order folder. To check, navigate to the order folder being created once order is placed.
