dlishbyjules Posted November 2, 2019 Share Posted November 2, 2019 I am hoping to get some help. Until yesterday I had just a basic site and used a zoho form for orders but wanted to incorporate my orders through Squarespace. have created my Products page which is currently in unlinked but my main issue is, once customers place their items in the cart (or even before, I don't care), I need for them to upload images. I have create a new form in Wufoo and have the code (and created a page w/the same name as my Products page currently under my Home that has this form) and basically want this to appear when they place the order or click a button or try to checkout. I am finding I can't add a block below my products but above the footer which would have been ideal so don't know how to do this to get it to work. Any advice would be so very welcomed. Thanks. Link to comment
SnazzyView Posted November 2, 2019 Share Posted November 2, 2019 (edited) So there are a few options to achieve this. The simplest way would be to use @michaeleparkour free tool which will allow you to place an upload field on the built-in Squarespace forms. Then on each of your products I would add a product form where you will be able to include the upload field for customers to upload their images. https://www.squarewebsites.org/blog/squarespace-websites-uploader https://support.squarespace.com/hc/en-us/articles/205811218-Creating-a-custom-product-form Edited November 2, 2019 by ThompsonWebDesign snazzyview.com Link to comment
dlishbyjules Posted November 2, 2019 Author Share Posted November 2, 2019 Thank you SO much! This is great and I am thrilled. I think I have done something wrong however and I can't get it to work. I am not code saavy: and totally clueless 😞 FileField;MaxSize=1024;Multiple;addText=Upload_Photos/Images; But I don't even see the form options on the right similar to your example. I have refreshed and still see the upload Files field. I also had instructions I wanted to include for the upload and not sure where to put it)... It actually looks really messy now 😞 Thanks so much. Link to comment
michaeleparkour Posted November 3, 2019 Share Posted November 3, 2019 @dlishbyjules You missed to include uploader script to Footer injections, don't you? EarvinChong 1 Link to comment
dlishbyjules Posted November 3, 2019 Author Share Posted November 3, 2019 Thanks for getting back to me, but sorry, i don't follow. I added your code to the header and to the footer top block. Do I need to add it to the footer middle block too? Is that what you mean? Thanks so much! Link to comment
dlishbyjules Posted November 3, 2019 Author Share Posted November 3, 2019 (edited) Am I supposed to copy the code "Simple-Ajax-Uploader" and paste that somewhere too? Sorry, I don't understand. All I initially did was copy the following: <script src="//uploader.squarewebsites.org/sqs-form-upload.min.js"></script>" and then changed the settings for the max size etc, not any other code so maybe I did it wrong and not copy code I was supposed to. If I am supposed to copy the other code, where do I paste that? In a header on my PAGES/SHOP or do I paste it GLOBALLY? If so, what page do I paste that on? Do I need to put something in a middle footer? Thank you very much. Any advice anyone can provide would be so welcomed. As you can see, I am a newbie and so confused and frustrated 😞 Edited November 3, 2019 by dlishbyjules Link to comment
michaeleparkour Posted November 3, 2019 Share Posted November 3, 2019 3 hours ago, dlishbyjules said: Am I supposed to copy the code "Simple-Ajax-Uploader" and paste that somewhere too? Sorry, I don't understand. All I initially did was copy the following: <script src="//uploader.squarewebsites.org/sqs-form-upload.min.js"></script>" and then changed the settings for the max size etc, not any other code so maybe I did it wrong and not copy code I was supposed to. If I am supposed to copy the other code, where do I paste that? In a header on my PAGES/SHOP or do I paste it GLOBALLY? If so, what page do I paste that on? Do I need to put something in a middle footer? Thank you very much. Any advice anyone can provide would be so welcomed. As you can see, I am a newbie and so confused and frustrated 😞 Just always share a link to page - one look worth a hundreds words you typed there) As I see you pasted custom message to description not extension like it should be. Anyway, post a link EarvinChong 1 Link to comment
dlishbyjules Posted November 3, 2019 Author Share Posted November 3, 2019 https://caterpillar-harp-pk73.squarespace.com/checkout Link to comment
michaeleparkour Posted November 3, 2019 Share Posted November 3, 2019 2 hours ago, dlishbyjules said: https://caterpillar-harp-pk73.squarespace.com/checkout Why do you post me /checkout page link? Do you know it is Squarespace system page and we can't run any code there?? Link to comment
SnazzyView Posted November 4, 2019 Share Posted November 4, 2019 I would recommend including it in a product form instead of the checkout page as it won’t work on the checkout page. https://support.squarespace.com/hc/en-us/articles/205811218-Creating-a-custom-product-form snazzyview.com Link to comment
michaeleparkour Posted November 4, 2019 Share Posted November 4, 2019 4 hours ago, ThompsonWebDesign said: I would recommend including it in a product form instead of the checkout page as it won’t work on the checkout page. https://support.squarespace.com/hc/en-us/articles/205811218-Creating-a-custom-product-form Including what? Link to comment
SnazzyView Posted November 4, 2019 Share Posted November 4, 2019 The upload field, instead of on the checkout page as the upload field won’t work on the checkout page. snazzyview.com Link to comment
Guest Posted June 14, 2020 Share Posted June 14, 2020 (edited) Hello! Thank you so much for this, I have been looking for this for so long! I hope I didn't forget to do this but my site shows text background behind the Add Files button? Is there a way to make this go away? site: http://www.eyesense.com.au password: Eyesense Much appreciated. Edited June 14, 2020 by SarahAhzan forgot to add reason Link to comment
michaeleparkour Posted June 14, 2020 Share Posted June 14, 2020 @SarahAhzan The issue is in your custom styles where you're limiting each form field to 60px. So sure you may set background to transparent to prevent visual overlap, but I'd better left file input with auto height : .fileInput { height: auto!important; } EarvinChong 1 Link to comment
Guest Posted June 18, 2020 Share Posted June 18, 2020 @michaeleparkour Thank you very much, fixed it all up! Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment