[vc_row][vc_column][vc_custom_heading text=”How allow customers to select images from library before they checkout in WooCommerce.” google_fonts=”font_family:Coda%3Aregular%2C800|font_style:400%20regular%3A400%3Anormal”][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]N-Media WooCommerce Personalized Product (WooCommerce Extra Fields) is simply the best and easiest solution to allow client to customize product before checkout like providing input, selecting options and specially uploading images. But sometime companies like printing (web2print) need to allow regular customers to upload images on their site and select images from library rather then uploading it again and again.

So this something we have done by combining two of our plugins File upload Manager plugin and WooCommerce Extra Options/Fields plugin for one of our client as customized solution. So I thought it should be published for others so they can get it if looking for similar solution. Below is detail provided how it’s working.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width=”1/2″][vc_custom_heading text=”Enable Product to use this Feature.”][vc_column_text]Of course not every product need this feature into store. So you can enable this feature for certain product by performing steps shown in screenshot on right.[/vc_column_text][/vc_column][vc_column width=”1/2″][vc_single_image image=”4812″ img_size=”medium”][/vc_column][/vc_row][vc_row][vc_column width=”1/2″][vc_custom_heading text=”Select image – Frontend”][vc_column_text]Once product is enable to allow customers to select images, he will see a button before add to cart button like shown in screenshot.[/vc_column_text][/vc_column][vc_column width=”1/2″][vc_single_image image=”4814″ img_size=”medium”][/vc_column][/vc_row][vc_row][vc_column width=”1/2″][vc_custom_heading text=”Uploading New Image or Select Existing from Library”][vc_column_text]Now user is redirected to library page where he can upload images or select from his previously upload images. All images are private and can only be seen by owner/uploader.[/vc_column_text][/vc_column][vc_column width=”1/2″][vc_single_image image=”4815″ img_size=”medium”][/vc_column][/vc_row][vc_row][vc_column width=”1/2″][vc_custom_heading text=”Image Selected”][vc_column_text]When image is selected, customer is redirected again to product page and selected image is also shown on product page. This image can also be replaced/changed with other if customers want to like this screenshot:[/vc_column_text][/vc_column][vc_column width=”1/2″][vc_single_image image=”4816″ img_size=”medium”][/vc_column][/vc_row][vc_row][vc_column width=”1/2″][vc_custom_heading text=”Finally, images are in admin/orders”][vc_column_text]After his customer proceed with checkout and image is attached to order when order is completed, admin can see selected image again each order like show in screenshot:[/vc_column_text][/vc_column][vc_column width=”1/2″][vc_single_image image=”4817″ img_size=”medium”][/vc_column][/vc_row][vc_row][vc_column][vc_cta h2=”Get this customized solution” h4=”To get this special edition of our combined plugins please contact us.” color=”mulled-wine” add_button=”right” btn_title=”Contact us here” btn_color=”inverse” btn_link=”url:https%3A%2F%2Fnajeebmedia.com%2Fcontact-us%2F||”][/vc_cta][/vc_column][/vc_row]