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

  • Profile Image
    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! 

  • Profile Image
    Jeanette
    Answered on October 13, 2014 at 02: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)

     

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

  • Profile Image
    voxteacher
    Answered on October 13, 2014 at 02: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...? 

  • Profile Image
    Mike_T
    Answered on October 13, 2014 at 05: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.

    Then, you will see individual Image URL.

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

  • Profile Image
    voxteacher
    Answered on October 14, 2014 at 08: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? 

  • Profile Image
    ashwin_d
    Answered on October 15, 2014 at 04: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!

  • Profile Image
    Tableaux
    Answered on February 17, 2015 at 01: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?