Is it possible?
I found this https://ecommerce.shopify.com/c/ecommerce-discussion/t/customer-uploading-files-before-checkout-2018... but seems link is not right.
Hi Oleg, this is possible. What are you looking to have uploaded by the customer at checkout? Here's a link to Shopify's latest help page on the topic: https://help.shopify.com/themes/customization/products/get-customization-information-for-products
We recently did a site where the customer can upload an image for a custom greeting card using this method. Here is the site: https://bitmocards.com/
If you need some help, give us a shout at firstname.lastname@example.org
I think I did not clarify enough. I need uploading of a file on checkout that will be related to particular order after submit.
But again thanks for your answer. Now I'm trying to manage this through JotForms.
I've worked out how to do this for free!
Go to your product.liquid file and search for:
This is the 'add to cart' part of your page.
You want to add the following code to a few lines above this
<div class="product-form__item product-form__item--logo"> <label for="custom_photo">Logo?</label> <input id="custom_photo" type="file" name="properties[Logo]" class="product-form__input"> </div>
If you want this to be required then add the word required on the input tag
<div class="product-form__item product-form__item--logo"> <label for="custom_photo">Logo?</label> <input required id="custom_photo" type="file" name="properties[Logo]" class="product-form__input"> </div>
Note: File uploads may not work if your cart is a slide-out or popup (AJAX) cart. If you test and the file upload doesn't work, try switching to the "redirect to cart page" option in your Customize Theme > Cart settings.
Hey Stevan, it was long time ago so I cant say you how that was implemented. Please see Philip's answer above or ask him directly. Thanks!
Hi, Thanks for this code! It worked!! The next question, is where does that file upload to? Is there a way of testing it, please.
Did you end up finding out where it uploads to?
I did the same on my shop but can't find the file anywhere.
Do you happen to know how I can get access to this feature using Shopify Buy SDK API?
I have built a website using Gatsby and Shopify and I would like to add a field for the user to upload a file along with their purchase.
Is there any possible way to achieve this? Is there another API Shopify might have to access this type of upload field?
HI I did what you said but when the order comes through I dont see the image in my orders area. Where do i see the image my customer uploaded
There are several apps that make customer file uploads easy:
Both Form Builder and Upload-Lift have free plans. All of them have trials so you can make sure it's a good fit for your store before spending $.
You can check out my full comparison and review of these apps here.
I did this process and it allows my customers to upload a file but when clicking in their order i do not see a picture or file? Anyway i can find it ?