Shopify
Put a scannable barcode on your Shopify packing slips.
SerialTrack works with one or more Shopify stores, saving serial numbers and adding them to the order's Notes field. To run the whole thing from a barcode scanner, the packing slip needs the order number on it as a barcode. Adding one takes about five minutes.
1. Upload the barcode font stylesheet
- Download this CSS file and note where you saved it: serialtrack-code128-barcode.css
- In your Shopify admin, go to Content, then Files.
- Click Upload files in the top right and pick the file you just downloaded. It takes a few seconds. (Shopify will not fetch it from the URL directly, which is why you download it first.)
- Copy the link to the uploaded file. It looks something like https://cdn.shopify.com/s/files/1/9999/9999/9999/files/serialtrack-code128-barcode.css?v=1742606637
2. Modify the packing slip template
- Still in the Shopify admin, go to Settings, then Shipping and delivery, then Packing slip template.
- The template opens in an HTML editor.
-
At the very top of the file, paste this line, replacing
LINK_TO_YOUR_CSS_FILE with the link you copied:
<link rel="stylesheet" type="text/css" href="LINK_TO_YOUR_CSS_FILE"> - Find where you want the barcode to appear. On the default packing slip the easiest spot is immediately below {{ order.name }}.
-
Add this where the barcode should go:
<br /><p class="barcode">{{ order.order_number }}</p> - Click Preview template to check the barcode appears as intended.
- Click Save.
Packing slips printed from now on have the order number on them as a Code 128 barcode. Any standard scanner reads it, and that is all SerialTrack needs to open the order.
Start recording on the next shipment.
Connect your store, scan one order, and look at the record. About five minutes to set up, and nothing to pay for thirty days.