SerialTrack can be used with one or more Shopify Accounts to save serial numbers and add them to Shopify in the Notes field.
In order to do this efficently with just a barcode scanner, you need to modify the Packing List to include a barcode. The steps below detail this process which takes about 5 minutes to complete
Create the CSS File for the Barcode Font
- Download this CSS file to your computer and remember where you save it
- Inside your Shopify Admin, navigate to Content, then to Files
- Click the Button in the top-right corder to Upload Files and select the file that you just downloaded
- This will take a few seconds to upload the file to your Shopify Files
- (For some reason Shopify doesn’t like uploading it from the URL directly)
- Copy the link to the newly uploaded file. It will look something like
Modify the Packing List Template
Now that we’ve got the necessary barcode file created, next we need to modify the Packing Slip
- Still in your Shopify admin, navigate to Settings, then Shipping and Delivery, then click on Packing ListTemplate
- The Packing List Template opens an HTML editor.
- At the very top of the file, insert this code, and substitute LINK_TO_YOUR_CSS_FILE with the copied link from the file you just uploaded.
<link rel="stylesheet"type="text/css"href="LINK_TO_YOUR_CSS_FILE">
- Find the place where you’d like the barcode to appear in the HTML. If you are using the default packing slip, the easiest place to do it is immediately below the
{{ order.name }}. - Add this code below where you want to create a new line and display the barcode:
- <br />
<p class="barcode">{{ order.order_number }}</p>
- <br />
- Click the Preview Template button to make sure that the packing slip contains the barcode as intended
- Once everything looks okay, click the Save button at the top.
You should be ready to go now with packing slips that are printed containing the Order Number as a barcode that can be scanned with a standard Barcode Scanner for use with SerialTrack