How to enable custom image upload in product designer tool for WooCommerce

With our Brush Your Ideas Designer tool, You can let your customer upload their favorite image from their devices to give a personalized touch to the product.
Backend
For enabling the custom image upload, go to Stores ➤ Configurations ➤ Product Designer Settings ➤ Custom Image Upload, you will land on the “Configurations page. 

Fill the following fields
Show Instructions: Choose “Yes” to show instructions while uploading a custom image.
Introduction Text: Enter the instructions that will be displayed on the frontend 
Enable Image Limit: Choose “Yes” to set the limit for uploading the image.
Image Limit: Enter the limit for uploading the image.
Error Message: Enter the error message that will be displayed on the frontend if someone uploads the image beyond the limit.
Minimum Size of Image: Enter the minimum size of the image in MB(MegaByte).
Maximum Size of Image: Enter the maximum size of the image in MB(MegaByte).
User’s Confirmation Before Uploading Image: Choose “Yes” to ask for the user confirmations before uploading the image.
Text for User Confirmation: Enter the suitable confirmation message which will be displayed on the frontend.
After configuring all the information, click on the “Save Config” button to save the setting in your store. 
Frontend
After configuring “Custom Image Upload” from the backend the shoppers can upload the custom image for product design.

The shoppers can upload the image from the “Upload” section from the “Images” tab on the left side of the designer tool.
If you have enabled the “User Confirmation before Uploading Image” from the backend, then customers will have to checkmark the confirmation box then only one can upload the image.
The shoppers can also get the previously uploaded image by clicking on “Get Your Saved Images”.
Note: The customers should be logged in to their accounts to get the previously uploaded images.
After uploading the image your customers can perform various activities from the right side of the designer tool like applying image filters,  setting positions front/back by layer, rotate and flip vertically and horizontally. 

Crop Feature
Your shopper can even crop the uploaded images to their desired size. They can find the crop feature on the right side of the designer tool under the “Tools” section.


Your customer can crop only images with the format JPEG or PNG, SVG image will not support cropping.
To delete any uploaded images, click on the “Delete” icon which will be visible on dragging the mouse cursor on a particular image.

Related Articles