How do I add an Image URL in the PayPal setup wizard?

  • voxteacher
    Asked on October 13, 2014 at 12:17 PM

    How do I add an Image URL in the PayPal setup wizard?

    I have made some small images to use in the PayPal multiple product portion of my form but I've never had a site ask for the image URL. I'm used to having a button to click called "Choose File" and then choose it from my computer where the image is. How can I create a form that has small images to the right of the drop down menus on my PayPal forms?  Thank you! 

    Jotform Thread 442331 Screenshot
  • Jeanette JotForm Support
    Replied on October 13, 2014 at 2:17 PM

    You need to upload your images to a image repository, which can be your own FTP hosting service. Or you can use a repository such as imgur.com, (click on Upload Image >brow your computer)How do I add an Image URL in the PayPal setup wizard? Image 1 Screenshot 20

     

    Then get the Image Link and paste it in the payment integrations.

  • voxteacher
    Replied on October 13, 2014 at 2:44 PM

    Thank you Jeanette! I used imgur.com and uploaded my 4 images and then pasted the image links each into the products on the PayPal form. It doesn't show the images however, just like a marker where the image should be but it looks like the image link is broken...? How do I add an Image URL in the PayPal setup wizard? Image 1 Screenshot 20

  • Mike_T Jotform Support
    Replied on October 13, 2014 at 5:26 PM

    It seems that you have used an album link on the payment tool. In order to fix this, please use individual Image URLs.

    You can open the image on imgur, click on a gear icon and use a 'View full resolution' option to see the actual image link.

    How do I add an Image URL in the PayPal setup wizard? Image 1 Screenshot 30

    Then, you will see individual Image URL.

    How do I add an Image URL in the PayPal setup wizard? Image 2 Screenshot 41

    If you would like to have clickable product images on your form, just add a Product Lightbox widget to the form in question.

  • voxteacher
    Replied on October 14, 2014 at 8:54 PM

    Thank you both! I just fixed the issue and the images are now appearing on my form however they are not showing up as the actual size so they are unreadable. I must somehow need to adjust their size somewhere but not sure where? How do I add an Image URL in the PayPal setup wizard? Image 1 Screenshot 20

  • Ashwin JotForm Support
    Replied on October 15, 2014 at 4:09 AM

    Hello voxteacher,

    Please inject the following custom css in your form and that should solve your issue:

    img.form-product-image, img.form-product-image-with-options {

    width: 150px !important;

    height: 40px !important;

    }

    The following guide should help you in injecting custom css code in your form:  http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!

  • Tableaux
    Replied on February 17, 2015 at 1:15 PM

    I used the above css snippet and it worked,

    however; is there a way to make the image display on top of the item listed instead on the left side?