cancel
Showing results for 
Search instead for 
Did you mean: 

Adding an external image URL to a packing slip

RobertMc
Occasional Contributor

Hi!   I'm trying to add an external image url to packing slip templates.

It will only appear when adding "src.shipstation.com" to the front of the image URL, which servers as a resizer.

Without this, only a small white box will appear.

The problem is the image remains blurred/skewed no matter what with the resizer.

Any ideas?

ex:  <img src="http://src.shipstation.com/150/60/http://images.shipstation.com/test.jpg" />

Thanks!!

11 REPLIES 11

Manager-Erin
Alumni
Alumni

Hi @RobertMc

 

Thank you so much for being a part of our community and for reaching out to us. 

 

Have you attempted to host the image on a third party like the following site? 

 

https://imgbb.com/

 

If you haven't can you try to host the image here and use the image URL without the resizer url? 

 

-Erin: Your Friendly Neighborhood Community Manager. 

Hosting anywhere else doesn't seem to work.

acedeno
Occasional Contributor

Is there a way to have a dynamic link for the image in the packing slip?

If I have 50 images named XXXX.jpg where XXX is the buyer id, can we do something like (using the example in the OP)  <img src="http://src.shipstation.com/150/60/http://images.shipstation.com/[buyer id]" />

That way I don't have to create 50 custom packing slip for each image. And it will scale up as it grows? Thanks!


JohnLecole
Contributor

Got it working. HTTPS doesn't seem to work so you need to remove the S from your custom image url.

For anyone looking in the future, if your external image link has "https" try removing the "s". This is mentioned in the SS documentation here: https://help.shipstation.com/hc/en-us/articles/360045435292-How-do-I-add-product-images-to-packing-s...

RobertMc
Occasional Contributor

Hey John, 

You are correct!!!   Tried this with a non-https URL and it worked.    This has been a long time coming and finally resolved.

 

Thank you soooo much!!!

-Rob

I have tried removing the S and still get a white box. Strange. Any tips? 

Hello @outdoorsupply

 

Thanks for reaching out and for being a part of our community. Are you using the same URL as the OP in this case or is it a different URL? 

 

-Erin: Your Friendly Neighborhood ShipStation Community Manager 

aiannarelli
Occasional Contributor

It does not seem to like the security or something with google drive.  It is time consuming to manage another image site not to mention issues such as keeping all images to the same rev level.

hvscdoug
New Contributor

None of the suggested fixes for this issue have worked for me. I'm hosting on a site that others have recommended in various posts on this topic (imgbb), I've reduced the file size down to just 30kb, I've tried using http instead of https—still, I just get a white box. Anyone else solved this using a method different from the above? I've tried support but am just waiting on an escalation but am under a deadline to get this working. Any advice appreciated!

hvscdoug
New Contributor

Update: The *only* way I was able to get an image to appear was to prepend the Shipstation image resizer URL to the source URL for the image, i.e. <img src="http://src.shipstation.com/[resized width in numerals]/[resized height in numerals]/[your http:// im.../>.

For example, this worked: <img src="http://src.shipstation.com/150/150/http://imgbb.com/-----" />

but this did not: <img src="http://imgbb.com/-----" />.

Seems kind of bananas, but whatever gets the job done. Hopefully this tip is useful to someone else in the future! Definitely was banging my head against the wall for an hour. Thanks to the OP for mentioning this. Luckily I didn't have the blurry/skewed problem they described.

austin
First-timer

I've struggled with this a bit, even going to far as to setting up my own image server.  

The best (current) way I'm solving this problem is using Imgur.com .  Note that I do not need to eliminate the "s" in "https" to achieve this.

It seems that the key is the image server needs to be optimized to return images as fast as possible.