Adding a upload button to Shopify forms

Adding a upload button to Shopify forms

bmlvail
Excursionist
23 0 12

Trying to find a way to create a upload button to add to a Shopify form as attached in a mock up. This is a super simple process with other web development apps but for some reason I cannot figure out how to do this here.  Any ideas?

 

upload.jpg

Replies 3 (3)

ES1
Shopify Partner
243 23 25

Hi @bmlvail ,

 

Are you still looking for a solution here, you can use apps like Uploadery or UploadKit if you are looking for a no code solution.

 

If you are looking to code it in, please understand Shopify does not save the file using the forms so we have to code that functionality in. So, even if you code the upload, you will still need apps like Uploadery or UploadKit or Google drive, dropbox to save the uploaded file.

 

In order to add the upload button, you need to add the code in the form template:

 

<form method="post" action="/contact" enctype="multipart/form-data">
<label for="customer_upload">Upload File:</label>
<input type="file" id="customer_upload" name="customer_upload" accept="image/*, .pdf, .doc, .docx" required>

<button type="submit">Submit</button>
</form>

If this fixed your issue, Please Like and Accept as a Solution.
Looking for assistance? Hire an experienced Shopify Partner! Visit EcommerceStorez.us today for a quick quote.
Seeking an elegant theme designed to boost conversions? Explore our High-Converting Shopify Themes today!

bmlvail
Excursionist
23 0 12

Most all apps I have seen say it works on Product pages. This is not for a product page.

bmlvail
Excursionist
23 0 12

How would I link that code to Google Drive?