- rallred21Asked on August 30, 2011 at 02:04 AM
We are selling personalized cookbooks on our website. There are 24 book cover templates for the customer to choose from. As part of our form to create their book, we want to have thumbnails of all the book covers and give them the option to select one. We want their selection to be part of the form results. How do we do this?
Thank you in advance for your help!
[removed personal information]
- allanftdAnswered on August 30, 2011 at 03:04 AM
Thank you for contacting JotForm Support regarding your inquiry. Yes, you can make such a form with JotForm!
You can make use of a radio button field and insert thumbnail images for each option.
You can use the Spread Columns button to spread the options/thumbnails to several columns.
Then you can insert a payment tool to receive payments as usual (Paypal, 2CO, Google Checkout, etc).
Please let us know if you have any other questions or concerns. We're ready to assist you.
Thank you and enjoy using JotForm!
- rallred21Answered on August 30, 2011 at 04:35 PM
Thank you so much for your response. I am new to understanding HTML code, etc so please bare with me.
Where should the image be stored (Or, where should I be pulling the image from)? Or, in other words - I'm trying to use images that are on my hard drive. Would I be able to do this?
- AphelionAnswered on August 30, 2011 at 06:47 PM
No, you will have to upload all the images to the web server, you can't have them on your hard drive (or rather they will only show from your computer that way, not anyone elses computer). For example if you named one cookbook1.jpg, load cookbook1.jpg onto your server and then you would put img src"cookbook1.jpg" (but put it between <>) for the one that you want to show cookbook1's image.
- allanftdAnswered on August 30, 2011 at 09:58 PM
Aphelion's suggestion applies if you have your own web server to host your images and files. However, if you do not have one, you will need an image hosting service such as imageshack, photobucket, or flickr to save your images online. First, you have to upload your file into the image hosting website like imageshack. Then, once the photo is uploaded completely, take note of the full URL of the image. this full URL is the one that you need to insert within the image tag.
Please let us know if you need further assistance.
Thanks for helping out our friend here!