Skip to content
Twisted Tree Dev

Setup

Add barcodes to your packing slips

Download a barcode font

A barcode font is required to render a barcode on your packing slip. You can download one here.

Download Font

Upload the font to your shopify store

Go to the files section under “Content” on the lefthand side menu of your store.

Click Upload files in the top right of the files page and select your downloaded barcode font.

Copy the link to your font, you will need this later. Click the button under “Link” for the font file you just uploaded. You can leave this page open or copy the link to a notepad.

upload file
copy link

Go to your packing slip template.

Go to your store settings (bottom left of your main store page).

Click “Shipping and delivery” and scroll to the bottom of the page until you see “Packing Slips”. Click “Edit Template”

upload file
copy link

Configuration

Paste the following code at the top of your template.

NB: The src url needs to be replaced with the URL you copied earlier. Example one below.

<style>
@font-face {
font-family: 'Libre Barcode 39 Text';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://cdn.shopify.com/s/files/1/0335/2959/3988/files/LibreBarcode39Text-Regular.ttf?v=1704799285) format('truetype');
}
</style>

Add the barcode below your title

<div>
    <p style="font-family: 'Libre Barcode 39 Text', cursive; font-size: 70px">*{{order.order_number}}*</p>
</div>
upload file