Introduction: If you're trying to keep a 'Thank You' message, some return information, or a barcode at the bottom of a packing slip, you may be able to implement that using ShipStation's packing slip editor. Since it works like a webpage, you can force content to stay at the bottom of the packing slip so long as you define where the bottom is! Once you do that, surround the desired content with a <div> tag to keep it in place.
NOTE: You must be on a Silver-level plan or above to customize your packing slip, and we recommend having a basic familiarity with HTML code before starting.
REMINDER: Content you affix to the bottom of your packing slip will not move, under any circumstance. This means if you have an order with several line items, or a lengthy Note to/from the Buyer, that content may overlap with the content you affixed to the bottom.
The steps in this article are meant for businesses with customers who don't usually order many items or need too much communication. Such businesses will only rarely see content overlap, if at all.
1. Go to your Account Settings (the wrench icon in the upper right).
2. Select Templates and then Packing Slips from the left-hand sidebar.
3. Either copy or edit an existing template, and the Order Header section should open up by default.
4. At the very top of this section, add a style header that defines the bottom of your packing slip, giving your bottom-affixed content a point of reference. Choose from these packing slip formats:
Add this style header for the 8.5"x 11" full page:
Add this style header for the 8.5"x 11" 2 per page / half-sheet:
Add this style header for the 4"x 6" thermal paper:
Here's what my Order Header section looks like, after adding the 8.5" x 11" full page style header:
5. Click on the Order Footer gray bar to expand that section, and locate the content that you want to move to the bottom of the packing slip.
In this example, you'll be moving your Packing Slip Message (that can be configured in your Selling Channel settings).
6. Once you've located your content ...
... precede it with this code:
<div style="bottom:0; position:absolute;width:100%;">
... and follow it with this code:
After you do that, the section should look like this:
7. Click Save and your customized packing slip will be available to use. Here's what my packing slip looked like when I applied it to an order:
If my example had two dozen line items rather than two, and a few paragraphs instead of a few lines, the content would have likely overlapped.
HELPFUL HINT: It's a good idea to keep a packing slip template available without this keep content at the bottom edit, so you can switch to it as needed.