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?
Topic summary
A user is attempting to add a file upload button to a Shopify form but cannot find a straightforward solution.
Key Challenge:
- Shopify forms don’t natively save uploaded files, requiring additional infrastructure for file storage.
Suggested Solutions:
- No-code approach: Use apps like Uploadery or UploadKit, though the original poster notes most apps are designed for product pages, not general forms.
- Custom code approach: Add an HTML file input field to the form template using
<input type="file">withenctype="multipart/form-data"on the form element.
Remaining Issue:
The discussion remains open with the user asking how to connect the custom upload code to Google Drive for file storage. No solution for the Google Drive integration has been provided yet.
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:
Upload File:Submit
Most all apps I have seen say it works on Product pages. This is not for a product page.
How would I link that code to Google Drive?