How do I add my products' images to my packing slip?

To add a product's image or picture to your packing slip, you'll need a bit of HTML and the [Image Url] variable. In this example, we'll be adding it to the left of the item's title and description in a packing slip.

*Please note that you must be on a Silver or above plan to customize your packing slip and basic familiarity with HTML coding is recommended.

Head to your Account Settings (the gear icon in the upper right).

Next, select Templates and then Packing Slips from the sidebar on the left.

Once there, either copy or edit an existing template, and click on the Order Items Header grey bar to expand that section.


 

Just like you see in the above picture, you'll need to paste in some HTML code. To make sure that the Description header will span over the picture and the item's details, we need to add colspan="2" to the header code so that it looks like this:


<th align="left" colspan="2">


Now, we need to add the code for the image itself. Click on the Order Items bar, and add in the following code like you see in the picture below.


<td><img src="[Image Url]" height="100px" /></td>


 

You'll notice that there's a height attribute currently set to 100 pixels. This will resize whatever picture you have uploaded so that your packing slip doesn't become too disproportionate or take up too much paper. You can change this size depending upon your specific needs by just changing the value of the pixels.


Example:


Was this article helpful?
1 out of 1 found this helpful
Have more questions? Submit a request